/* Shared full / icon-only navigation; the preference also applies in theatre. */
.topbar .menu-toggle{display:inline-grid}
.topbar .brand-area{gap:16px}
.daily-link .compact-icon{display:none}

@media(min-width:851px){
    body.sidebar-collapsed{--sidebar-width:76px}
    body.sidebar-collapsed:not(.navigation-drawer) .sidebar{padding-inline:12px}
    body.sidebar-collapsed:not(.navigation-drawer) .sidebar .nav-text{
        position:absolute;width:1px;height:1px;padding:0;margin:-1px;
        overflow:hidden;clip-path:inset(50%);white-space:nowrap;
    }
    body.sidebar-collapsed:not(.navigation-drawer) .sidebar :is(.nav-label,.nav-count,.pill,.local-status){display:none}
    body.sidebar-collapsed:not(.navigation-drawer) :is(.casino-switch,.side-nav a,.sidebar .help-link,.daily-link){
        justify-content:center;gap:0;padding:0;width:100%;min-height:44px;border-radius:7px;
    }
    body.sidebar-collapsed:not(.navigation-drawer) .sidebar .icon{width:21px;height:21px}
    body.sidebar-collapsed:not(.navigation-drawer) .casino-switch{margin-bottom:18px}
    body.sidebar-collapsed:not(.navigation-drawer) .nav-separator{margin:18px 6px}
    body.sidebar-collapsed:not(.navigation-drawer) .sidebar-bottom{padding-top:24px}
    body.sidebar-collapsed:not(.navigation-drawer) .daily-mini{padding:0;margin:0 0 10px;border:0;background:none}
    body.sidebar-collapsed:not(.navigation-drawer) .daily-mini>:not(.daily-link){display:none}
    body.sidebar-collapsed:not(.navigation-drawer) .daily-link{background:#22352f}
    body.sidebar-collapsed:not(.navigation-drawer) .daily-link>.icon:not(.compact-icon){display:none}
    body.sidebar-collapsed:not(.navigation-drawer) .daily-link .compact-icon{display:block}
}

/* Wide theatre retains the chosen sidebar width instead of hiding navigation. */
body.theater:not(.navigation-drawer) .sidebar{transform:none;visibility:visible}
body.theater .main-content{margin-left:var(--sidebar-width)}

/* Mobile and narrow theatre use an overlay with full text, even if collapsed
   was selected on desktop. The desktop preference is never overwritten. */
body.navigation-drawer{--sidebar-width:0px}
body.navigation-drawer .sidebar{width:226px;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}
body.navigation-drawer .sidebar.open{transform:translateX(0);visibility:visible}
.navigation-drawer .sidebar-backdrop{position:fixed;inset:76px 0 0;background:#030c15bb;z-index:24}
@media(max-width:850px){
    .navigation-drawer .sidebar-backdrop{top:65px}
    .topbar .brand-area{gap:8px}
}
@media(max-width:600px){.topbar .brand-area{gap:1px}}
@media(prefers-reduced-motion:reduce){body.navigation-drawer .sidebar{transition:none}}