/* Shared production states loaded after page-specific styles. */

.site-navigation a,
.utility-links a {
    min-height: 40px;
}

.floor-tabs a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
}

.floor-tabs a:hover,
.floor-tabs a:focus-visible {
    background: #fff;
}

.floor-tabs a.is-active:hover,
.floor-tabs a.is-active:focus-visible {
    background: var(--red-dark);
}

.floor-help a,
.map-card-panel a,
.store-more,
.fun-more,
.offer-more,
.offer-back,
.offer-detail-footer a,
.com-content-blog__links a,
.store-card h3 a,
.fun-card h3 a,
.offer-card h2 a,
.album-card h2 a {
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    align-items: center;
}

.map-search input,
.map-filter select,
.store-search-field input,
.store-select-field select {
    min-height: 48px;
    border-color: var(--control-border);
}

.map-zone:focus-visible polygon {
    fill-opacity: .62;
    stroke: var(--red);
    stroke-width: 6;
}

.store-category:hover,
.store-category:focus-visible,
.fun-category:hover,
.fun-category:focus-visible {
    transform: translateY(-3px);
    border-color: var(--category-color, var(--fun-color, var(--red)));
}

.store-category:active,
.fun-category:active {
    transform: translateY(0);
}

.store-card:focus-within,
.fun-card:focus-within,
.offer-card:focus-within,
.album-card:focus-within {
    transform: translateY(-3px);
    box-shadow: var(--gua-shadow-md);
}

.store-suggestion:focus-visible {
    background: var(--gua-surface-red);
}

.offers-pagination a:hover,
.offers-pagination a:focus-visible,
.pagination .page-link:hover,
.pagination .page-link:focus-visible {
    border-color: var(--red);
    background: var(--gua-surface-red);
    color: var(--red-dark);
}

.offers-pagination a:active,
.pagination .page-link:active {
    background: #f7dadd;
}

.offers-pagination a,
.pagination .page-link,
.offer-share > div a {
    min-width: 40px;
    min-height: 40px;
}

@media (hover: hover) and (pointer: fine) {
    .store-card:hover,
    .fun-card:hover,
    .offer-card:hover,
    .album-card:hover {
        transform: translateY(-3px);
        box-shadow: var(--gua-shadow-md);
    }
}