/* Keep navigation fixed when moving between short WordPress pages and long catalogues. */
html { scrollbar-gutter: stable; }

.gr-header-actions .gr-header-shop,
.gr-header-actions .gr-header-shop:visited {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.gr-header-actions .gr-header-shop:hover,
.gr-header-actions .gr-header-shop:focus-visible {
    background: rgba(255, 255, 255, .1);
}

/* Fund the outline Shop pill without changing the primary ticket CTA. */
@media (min-width: 761px) {
    .gr-site-header .gr-header-actions:has(.gr-header-shop) { gap: 22px; }
}

/* Shop and basket need more room than the original desktop navigation. The
 * existing menu remains available, including its intermediate-width layout. */
@media (max-width: 1360px) {
    .gr-site-header .gr-primary-nav { display: none; }
    .gr-site-header .gr-header-actions { grid-column: 3; }
}

.gr-header-cart [data-gr-basket-count] {
    align-items: center;
    background: #c09a5d;
    border-radius: 999px;
    color: #26180a;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -7px;
    top: -6px;
}

/* Reserve the narrow header for tickets, basket and menu; Shop is in the menu. */
@media (max-width: 600px) {
    .gr-site-header .gr-header-cart[data-gr-basket-link] {
        display: inline-flex;
        flex: 0 0 30px;
        width: 30px;
        position: relative;
    }
    .gr-site-header .gr-header-actions .gr-header-shop,
    .gr-site-header .gr-header-actions .gr-header-search { display: none; }
    .gr-site-header .gr-header-actions { gap: 12px; }
}
@media (max-width: 359px) {
    .gr-site-header .gr-header-actions { gap: 8px; right: 10px; }
}

/* WordPress reserves a scrollbar gutter; 100vw would extend the Laravel drawer past it. */
.ticketing-shell .basket-panel__drawer { max-width: 100%; }