/* =======================================================
   Bowling header/nav/CTA cleanup (2026-04-21)
   Scope: body.ui-v2.tenant--bowling only
   ======================================================= */
body.ui-v2.tenant--bowling .nk-header {
    position: sticky;
    top: 0;
    z-index: 120;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.ui-v2.tenant--bowling .nk-header-main {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 0 !important;
}

body.ui-v2.tenant--bowling .nk-header-main::before,
body.ui-v2.tenant--bowling .nk-header-main::after {
    display: none !important;
    content: none !important;
}

body.ui-v2.tenant--bowling .nk-header-main-inner {
    width: min(var(--bw-shell-max, 1240px), calc(100% - (var(--bw-shell-gutter, 22px) * 2))) !important;
    margin: 0 auto !important;
    min-height: 80px !important;
    padding: var(--bw-space-sm, 12px) var(--bw-space-md, 16px) !important;
    border-radius: var(--bw-panel-radius-lg, 20px) !important;
    border: 1px solid var(--bw-border, rgba(200, 169, 107, 0.22)) !important;
    background: linear-gradient(150deg, rgba(20, 24, 31, 0.98), rgba(26, 31, 39, 0.96)) !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 1fr) auto minmax(280px, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
}

body.ui-v2.tenant--bowling .nk-header-left,
body.ui-v2.tenant--bowling .nk-header-center,
body.ui-v2.tenant--bowling .nk-header-right {
    min-width: 0;
}

body.ui-v2.tenant--bowling .nk-logo--bowling-brand {
    min-width: 0;
    gap: 10px;
}

body.ui-v2.tenant--bowling .nk-logo--bowling-text {
    display: grid;
    align-content: center;
    gap: 2px;
}

body.ui-v2.tenant--bowling .nk-logo--bowling-mark {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    font-size: var(--bw-fs-16);
}

body.ui-v2.tenant--bowling .nk-logo--bowling-text strong {
    font-size: var(--bw-fs-20);
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--bw-text, #F5F1E8);
}

body.ui-v2.tenant--bowling .nk-logo--bowling-text em {
    font-size: 15px;
    line-height: 1.42;
    letter-spacing: 0.08em;
    color: var(--bw-text-secondary, #B8B2A7);
}

body.ui-v2.tenant--bowling .nk-header-center {
    display: flex !important;
    justify-content: center;
}

body.ui-v2.tenant--bowling .nk-bowling-switcher {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid var(--bw-border, rgba(200, 169, 107, 0.22));
    background: linear-gradient(150deg, rgba(20, 24, 31, 0.98), rgba(26, 31, 39, 0.98));
    box-shadow: 0 10px 22px rgba(3, 4, 8, 0.42);
}

body.ui-v2.tenant--bowling .nk-bowling-switcher__item {
    min-height: 34px;
    min-width: 92px;
    border-radius: 999px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--bw-fs-16) !important;
    line-height: 1.25;
    font-weight: 700 !important;
    letter-spacing: 0.008em;
    color: var(--bw-text-muted, #B8B2A7) !important;
    text-decoration: none;
    border: 1px solid transparent;
    background: transparent !important;
    box-shadow: none !important;
    transition:
        transform var(--bw-motion-base) var(--bw-ease-standard),
        border-color var(--bw-motion-base) var(--bw-ease-standard),
        background-color var(--bw-motion-base) var(--bw-ease-standard),
        color var(--bw-motion-fast) var(--bw-ease-standard),
        box-shadow var(--bw-motion-base) var(--bw-ease-standard);
    will-change: transform, box-shadow;
}

body.ui-v2.tenant--bowling .nk-bowling-switcher__item:hover,
body.ui-v2.tenant--bowling .nk-bowling-switcher__item:focus-visible {
    color: #C8A96B !important;
    border-color: rgba(200, 169, 107, 0.42);
    background: rgba(200, 169, 107, 0.12) !important;
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-bowling-switcher__item.is-active,
body.ui-v2.tenant--bowling .nk-bowling-switcher__item[aria-current="page"] {
    color: #14181F !important;
    border-color: #D4BC8A;
    background: linear-gradient(145deg, #C8A96B, #B68B3A) !important;
    box-shadow: 0 8px 16px rgba(56, 43, 21, 0.22) !important;
}

body.ui-v2.tenant--bowling .nk-header-right {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
}

body.ui-v2.tenant--bowling .nk-main-actions {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip {
    min-height: 38px !important;
    padding: 0 13px !important;
    border-radius: 11px !important;
    font-size: var(--bw-fs-nav) !important;
    line-height: 1.3;
    font-weight: 700 !important;
    text-decoration: none;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transition:
        transform var(--bw-motion-base) var(--bw-ease-standard),
        border-color var(--bw-motion-base) var(--bw-ease-standard),
        background-color var(--bw-motion-base) var(--bw-ease-standard),
        color var(--bw-motion-fast) var(--bw-ease-standard),
        box-shadow var(--bw-motion-base) var(--bw-ease-standard);
    will-change: transform, box-shadow;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--contact {
    background: rgba(20, 24, 31, 0.88) !important;
    border-color: var(--bw-border, rgba(200, 169, 107, 0.22)) !important;
    color: var(--bw-text, #F5F1E8) !important;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--contact:hover,
body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--contact:focus-visible {
    background: rgba(200, 169, 107, 0.14) !important;
    border-color: #E7D3A7 !important;
    box-shadow: 0 8px 16px rgba(200, 169, 107, 0.18) !important;
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--primary {
    background: linear-gradient(145deg, #C8A96B, #B68B3A) !important;
    border-color: #D6BD8A !important;
    color: #14181F !important;
    box-shadow: 0 10px 22px rgba(56, 43, 21, 0.24) !important;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--primary:hover,
body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--primary:focus-visible {
    background: linear-gradient(145deg, #B68B3A, #9d772f) !important;
    color: #0B0D10 !important;
    box-shadow: 0 12px 24px rgba(56, 43, 21, 0.3) !important;
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(216, 185, 110, 0.32);
    background:
        radial-gradient(circle at 38% 24%, rgba(231, 211, 167, 0.2), transparent 34%),
        rgba(20, 24, 31, 0.9);
    color: #F5F1E8;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        transform var(--bw-motion-base) var(--bw-ease-standard),
        border-color var(--bw-motion-base) var(--bw-ease-standard),
        background-color var(--bw-motion-base) var(--bw-ease-standard),
        color var(--bw-motion-fast) var(--bw-ease-standard),
        box-shadow var(--bw-motion-base) var(--bw-ease-standard);
    will-change: transform, box-shadow;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart:hover,
body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart:focus-visible {
    color: #E7D3A7;
    border-color: #E7D3A7;
    background:
        radial-gradient(circle at 38% 24%, rgba(231, 211, 167, 0.28), transparent 36%),
        rgba(200, 169, 107, 0.14);
    box-shadow: 0 8px 16px rgba(200, 169, 107, 0.18);
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-bowling-cart__icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
}

body.ui-v2.tenant--bowling .nk-bowling-cart__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

body.ui-v2.tenant--bowling .nk-bowling-cart__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

body.ui-v2.tenant--bowling .nk-bowling-cart__count {
    position: absolute;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    right: -6px;
    top: -6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(20, 24, 31, 0.9);
    background: linear-gradient(145deg, #E7D3A7, #C8A96B);
    color: #11151C;
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    border: 1px solid var(--bw-border, rgba(200, 169, 107, 0.22));
    background: rgba(20, 24, 31, 0.88);
    color: var(--bw-text, #F5F1E8);
    transition:
        transform var(--bw-motion-base) var(--bw-ease-standard),
        border-color var(--bw-motion-base) var(--bw-ease-standard),
        background-color var(--bw-motion-base) var(--bw-ease-standard),
        box-shadow var(--bw-motion-base) var(--bw-ease-standard);
    will-change: transform, box-shadow;
}

body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle:hover,
body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle:focus-visible {
    background: rgba(200, 169, 107, 0.14);
    border-color: #E7D3A7;
    box-shadow: 0 8px 16px rgba(200, 169, 107, 0.18);
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-header-contact,
body.ui-v2.tenant--bowling .nk-floating-experience-switch,
body.ui-v2.tenant--bowling .nk-floating-mobile-cta,
body.ui-v2.tenant--bowling .nk-main-nav,
body.ui-v2.tenant--bowling .nk-nav,
body.ui-v2.tenant--bowling .nk-header-top {
    display: none !important;
}

/* Bowling sidebar / mobile nav cleanup */
body.ui-v2.tenant--bowling .nk-sidebar-content {
    width: min(420px, 92vw);
    background: linear-gradient(180deg, #14181F 0%, #10141A 100%);
    transform: translate3d(12px, 0, 0);
    opacity: 0.985;
    transition:
        transform var(--bw-motion-base) var(--bw-ease-emphasized),
        opacity var(--bw-motion-base) var(--bw-ease-standard);
    will-change: transform, opacity;
}

body.ui-v2.tenant--bowling .nk-sidebar.is-open .nk-sidebar-content {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

body.ui-v2.tenant--bowling .nk-sidebar {
    transition: opacity var(--bw-motion-slow) var(--bw-ease-standard), visibility 0s linear var(--bw-motion-slow);
}

body.ui-v2.tenant--bowling .nk-sidebar.is-open {
    transition: opacity var(--bw-motion-base) var(--bw-ease-standard), visibility 0s linear 0s;
}

body.ui-v2.tenant--bowling .nk-sidebar-header {
    padding: 20px 18px 14px;
    border-bottom: 1px solid rgba(200, 169, 107, 0.2);
}

body.ui-v2.tenant--bowling .nk-sidebar-section {
    margin-top: 14px;
    padding: 0 14px;
}

body.ui-v2.tenant--bowling .nk-sidebar-section-title {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--bw-text-soft, #9d968a);
}

body.ui-v2.tenant--bowling .nk-sidebar-logo-mark {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #d7b66a 0%, #a98337 100%);
    color: #15171d;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: 0.05em;
    box-shadow: 0 12px 28px rgba(4, 5, 8, 0.32);
}

body.ui-v2.tenant--bowling .nk-sidebar-list {
    gap: 8px;
}

body.ui-v2.tenant--bowling .nk-sidebar-pill {
    min-height: 46px;
    border-radius: 12px;
    background: #1A1F27;
    border: 1px solid rgba(200, 169, 107, 0.26);
    color: var(--bw-text, #F5F1E8);
    font-size: var(--bw-fs-16);
    font-weight: 650;
    line-height: 1.35;
    transition:
        transform var(--bw-motion-base) var(--bw-ease-standard),
        border-color var(--bw-motion-base) var(--bw-ease-standard),
        background-color var(--bw-motion-base) var(--bw-ease-standard),
        color var(--bw-motion-fast) var(--bw-ease-standard);
}

body.ui-v2.tenant--bowling .nk-sidebar-pill:hover,
body.ui-v2.tenant--bowling .nk-sidebar-pill:focus-visible {
    background: rgba(200, 169, 107, 0.12);
    border-color: rgba(200, 169, 107, 0.46);
    transform: translate3d(0, var(--bw-hover-lift-soft), 0) scale(var(--bw-hover-scale-soft));
}

body.ui-v2.tenant--bowling .nk-sidebar-pill.is-active,
body.ui-v2.tenant--bowling .nk-sidebar-pill[aria-current="page"] {
    background: linear-gradient(135deg, #d7b66a 0%, #b89146 100%);
    border-color: rgba(247, 226, 166, 0.72);
    color: #16191f !important;
    box-shadow: 0 14px 34px rgba(158, 124, 52, 0.28);
}

body.ui-v2.tenant--bowling .nk-sidebar-pill.is-active *,
body.ui-v2.tenant--bowling .nk-sidebar-pill[aria-current="page"] * {
    color: #16191f !important;
}

/* Keep bowling sidebar text readable (overrides global header hard-guards) */
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill *,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-pill-label,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-logo-text,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-section-title {
    color: var(--bw-text, #F5F1E8) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-section-title,
body.ui-v2.tenant--bowling .nk-sidebar-content .muted {
    color: var(--bw-text-secondary, #B8B2A7) !important;
}

body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill.is-active,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill[aria-current="page"],
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill.is-active *,
body.ui-v2.tenant--bowling .nk-sidebar-content .nk-sidebar-pill[aria-current="page"] * {
    color: #16191f !important;
}

/* Desktop: right drawer instead of centered modal */
@media (min-width: 1024px) {
    body.ui-v2.tenant--bowling .nk-sidebar {
        display: block !important;
    }

    body.ui-v2.tenant--bowling .nk-sidebar-content {
        position: absolute;
        left: auto;
        right: max(14px, env(safe-area-inset-right));
        top: 14px;
        bottom: 14px;
        width: min(420px, calc(100vw - 28px));
        max-height: calc(100dvh - 28px);
        margin: 0 !important;
        border-radius: 18px;
        border: 1px solid rgba(200, 169, 107, 0.28);
        box-shadow: 0 18px 56px rgba(3, 4, 8, 0.52);
        padding: 14px 14px 16px;
    }

    body.ui-v2.tenant--bowling .nk-sidebar-nav {
        display: block;
    }

    body.ui-v2.tenant--bowling .nk-sidebar-list--menu {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.ui-v2.tenant--bowling .nk-sidebar-pill--menu {
        min-height: 44px;
        padding: 10px 12px;
        align-items: flex-start;
        justify-content: center;
    }

    body.ui-v2.tenant--bowling .nk-pill-label {
        text-align: left;
        font-size: 15px;
        line-height: 1.32;
    }
}

@media (max-width: 1120px) {
    body.ui-v2.tenant--bowling .nk-header-main-inner {
        width: min(var(--bw-shell-max, 1240px), calc(100% - (var(--bw-shell-gutter, 16px) * 2))) !important;
        grid-template-columns: minmax(190px, 1fr) auto auto !important;
    }

    body.ui-v2.tenant--bowling .nk-bowling-switcher {
        margin-left: auto;
    }
}

@media (max-width: 900px) {
    body.ui-v2.tenant--bowling .nk-header-main-inner {
        grid-template-columns: minmax(170px, 1fr) auto !important;
        min-height: 72px !important;
    }

    body.ui-v2.tenant--bowling .nk-header-center,
    body.ui-v2.tenant--bowling .nk-bowling-switcher {
        display: none !important;
    }
}

@media (max-width: 760px) {
    body.ui-v2.tenant--bowling .nk-header-main {
        padding-top: 8px !important;
    }

    body.ui-v2.tenant--bowling .nk-header-main-inner {
        width: min(var(--bw-shell-max, 1240px), calc(100% - (var(--bw-shell-gutter, 10px) * 2))) !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        grid-template-columns: minmax(150px, 1fr) auto !important;
        gap: 8px !important;
    }

    body.ui-v2.tenant--bowling .nk-logo--bowling-text strong {
        font-size: clamp(17px, 4.6vw, 19px);
    }

    body.ui-v2.tenant--bowling .nk-logo--bowling-text em {
        font-size: 15px;
        line-height: 1.35;
    }

    body.ui-v2.tenant--bowling .nk-main-actions {
        gap: 6px;
    }

    body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip--contact {
        display: none;
    }

    body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip {
        min-height: 36px !important;
        padding: 0 11px !important;
        font-size: 15px !important;
    }

    body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ui-v2.tenant--bowling .nk-bowling-switcher__item,
    body.ui-v2.tenant--bowling .nk-sidebar-pill,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle,
    body.ui-v2.tenant--bowling .nk-sidebar,
    body.ui-v2.tenant--bowling .nk-sidebar-content {
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }

    body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip:hover,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-login-chip:focus-visible,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart:hover,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-bowling-cart:focus-visible,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle:hover,
    body.ui-v2.tenant--bowling .nk-main-actions .nk-menu-toggle:focus-visible,
    body.ui-v2.tenant--bowling .nk-bowling-switcher__item:hover,
    body.ui-v2.tenant--bowling .nk-bowling-switcher__item:focus-visible,
    body.ui-v2.tenant--bowling .nk-sidebar-pill:hover,
    body.ui-v2.tenant--bowling .nk-sidebar-pill:focus-visible {
        transform: none;
    }
}
