/* One public navigation panel system; typography comes from shared tokens. */
#MainNav { --nav-accent:var(--tb-link-accent,#b61229); --nav-ink:#142139; --nav-muted:#627086; }
/* Legacy Player Tools toggle declares its arrow with !important. */
#MainNav .tb-primary-nav .dropdown-toggle::after { display:none !important; }
#MainNav .tb-primary-nav > .dropdown > .dropdown-menu {
    display:none; margin:0; padding:24px; border:1px solid #e3e8ef;
    border-radius:14px; background:#fff; color:var(--nav-ink);
    box-shadow:0 18px 40px rgba(8,21,42,.14); z-index:1200;
    max-height:calc(100dvh - 145px); overflow-y:auto; overscroll-behavior:contain;
}
#MainNav .tb-primary-nav > .dropdown > .dropdown-menu.show { display:grid; gap:16px 24px; }
#MainNav .tb-mega-menu-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; min-width:0; }
#MainNav .tb-mega-col, #MainNav .tb-more-section { min-width:0; padding:0; margin:0; border:0; }
#MainNav .tb-primary-nav > .dropdown > .tb-mega-menu.show { display:block; }
#MainNav .tb-mega-menu > .tb-menu-heading { margin-bottom:16px; }
#MainNav .tb-mega-title, #MainNav .tb-more-heading {
    display:block; margin:0 0 12px; padding:0 10px 10px; border-bottom:1px solid #e9edf3;
    color:var(--nav-muted); background:transparent; border-radius:0; text-transform:none; letter-spacing:normal;
}
#MainNav :is(.tb-mega-link,.tb-smart-dropdown-item,.tb-dropdown-item,.tb-player-tool-link) {
    display:flex; align-items:flex-start; gap:12px; min-width:0; min-height:48px;
    margin:0; padding:10px; border:0; border-radius:9px; background:transparent;
    color:var(--nav-ink); text-decoration:none; box-shadow:none; transform:none;
    transition:background-color .15s ease,color .15s ease;
}
#MainNav :is(.tb-mega-link,.tb-smart-dropdown-item,.tb-dropdown-item,.tb-player-tool-link):is(:hover,:focus-visible) {
    background:#f5f7fa; color:var(--nav-accent);
}
#MainNav .dropdown-menu a:focus-visible { outline:2px solid var(--nav-accent); outline-offset:2px; }
#MainNav :is(.tb-mega-icon,.tb-smart-dropdown-icon,.tb-player-tool-icon,.tb-player-tools-head-icon) {
    display:inline-flex; flex:0 0 32px; width:32px; height:32px; align-items:center; justify-content:center;
    border:0; border-radius:8px; background:#fff0f3; color:var(--nav-accent);
}
#MainNav .tb-dropdown-item > i { flex:0 0 20px; width:20px; line-height:20px; text-align:center; color:var(--nav-accent); }
#MainNav :is(.tb-mega-text,.tb-smart-dropdown-copy,.tb-player-tool-copy) { display:block; min-width:0; flex:1; }
#MainNav :is(.tb-mega-text,.tb-smart-dropdown-copy,.tb-player-tool-copy) strong { display:block; color:inherit; }
#MainNav :is(.tb-mega-text,.tb-smart-dropdown-copy,.tb-player-tool-copy) small { display:block; margin-top:3px; color:var(--nav-muted); }
#MainNav :is(.tb-player-tool-arrow,.tb-smart-dropdown-arrow) { margin-left:auto; color:var(--nav-accent); align-self:center; }
#MainNav .tb-player-tools-head { grid-column:1/-1; display:flex; align-items:center; gap:12px; padding:0 10px 14px; border-bottom:1px solid #e9edf3; }
#MainNav .tb-player-tools-head-copy strong,#MainNav .tb-player-tools-head-copy span { display:block; }
#MainNav .tb-player-tools-head-copy span,#MainNav .tb-player-tools-foot { color:var(--nav-muted); }
#MainNav .tb-player-tools-foot { grid-column:1/-1; padding:12px 10px 0; border-top:1px solid #e9edf3; }
@media (min-width:1200px) {
    #MainNav .tb-primary-nav,#MainNav #topBookieV2Nav,#MainNav .tb-primary-nav > .dropdown { position:static; }
    #MainNav .tb-primary-nav > .dropdown > .dropdown-menu {
        position:absolute; top:calc(100% - 1px); left:0; right:0; width:auto; min-width:0;
        display:grid; gap:16px 24px; opacity:0; visibility:hidden; pointer-events:none;
        transform:translateY(-22px);
        clip-path:inset(0 0 100% 0 round 14px);
        transition:opacity .24s ease, transform .48s cubic-bezier(.16,1,.3,1), clip-path .48s cubic-bezier(.16,1,.3,1), visibility 0s linear .48s;
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    #MainNav .tb-primary-nav > .dropdown > .tb-mega-menu { display:block; }
    #MainNav .tb-primary-nav > .dropdown > .dropdown-menu.show {
        opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); z-index:1201;
        clip-path:inset(-45px -45px -60px -45px round 14px);
        transition-delay:0s;
    }
}
@media (prefers-reduced-motion:reduce) {
    #MainNav .tb-primary-nav > .dropdown > .dropdown-menu {
        transform:translateY(-4px); clip-path:none;
        transition:opacity .2s ease, transform .24s ease-out, visibility 0s linear .24s;
    }
}
@media (min-width:1200px) and (max-width:1279.98px) {
    #MainNav .tb-primary-nav > .dropdown > .dropdown-menu { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #MainNav .tb-mega-menu-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1199.98px) {
    #MainNav .tb-primary-nav { background:transparent; }
    #MainNav .tb-primary-nav > .dropdown > .dropdown-menu {
        position:static; width:100%; min-width:0; margin:8px 0; padding:12px; max-height:none; overflow:visible; box-shadow:none;
        grid-template-columns:minmax(0,1fr);
    }
    #MainNav .tb-mega-menu-inner { grid-template-columns:minmax(0,1fr); gap:18px; }
}