/* MT FORCE - Sport Pro UI states */

body.menu-open { overflow: hidden; }
body.menu-open .sport-drawer { pointer-events: auto; opacity: 1; }
body.menu-open .sport-drawer__bg {
    opacity: 1;
    background: rgba(4, 4, 8, 0.52);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
[data-theme="light"] body.menu-open .sport-drawer__bg {
    background: rgba(10, 10, 15, 0.38);
}
body.menu-open .sport-drawer__panel { transform: none; }
body.menu-open .sport-header__burger {
    color: var(--icon-fg-accent);
    background: var(--icon-well-bg);
    border-color: var(--icon-well-border);
}
body.menu-open .sport-drawer__quick-item {
    animation: drawer-item-in .42s var(--ease) backwards;
}
body.menu-open .sport-drawer__quick-item:nth-child(1) { animation-delay: .06s; }
body.menu-open .sport-drawer__quick-item:nth-child(2) { animation-delay: .1s; }
body.menu-open .sport-drawer__quick-item:nth-child(3) { animation-delay: .14s; }
body.menu-open .sport-drawer__quick-item:nth-child(4) { animation-delay: .18s; }
@keyframes drawer-item-in {
    from { opacity: 0; transform: translateY(0.5rem); }
    to { opacity: 1; transform: none; }
}

body.filters-open { overflow: hidden; }
body.filters-open .filters-panel { pointer-events: auto; }
body.filters-open .filters-bg { opacity: 1; }
body.filters-open .filters-sheet { transform: none; }

body.search-open { overflow: hidden; }

body.cart-open { overflow: hidden; }

.cart-overlay {
    position: fixed; inset: 0; z-index: 130;
    pointer-events: none;
}
.cart-overlay:not([hidden]) { pointer-events: auto; }

.cart-backdrop {
    position: absolute; inset: 0;
    background: rgba(4, 4, 8, 0.55);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    opacity: 0; transition: opacity .32s var(--ease);
}
[data-theme="light"] .cart-backdrop { background: rgba(10, 10, 15, 0.35); }

body.cart-open .cart-overlay:not([hidden]) .cart-backdrop { opacity: 1; }

body.cart-open .sport-cart-panel {
    opacity: 1; visibility: visible; pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(var(--volt-rgb), 0.08);
}

body.cart-open .sport-header,
body.cart-open .sport-ticker,
body.cart-open .sport-tabbar {
    pointer-events: none;
}

body.cart-open .sport-cart-panel[aria-hidden="false"] {
    animation: cart-pop .32s var(--ease);
}
@keyframes cart-pop {
    from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.sport-header.is-scrolled { border-bottom-color: var(--line); }

[data-reveal].is-in { opacity: 1; transform: none; }
.sticky-buy.is-hidden { transform: translateY(calc(100% + var(--tab))); }
