/* Mobile header menu — scrollable panel below the top bar */

.site-header {
    overflow: visible;
}

.site-header-mobile-menu {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100dvh - 4rem);
    max-height: calc(100svh - 4rem);
    border-top: 1px solid rgb(255 255 255 / 0.1);
    background: rgb(2 6 23 / 0.98);
    backdrop-filter: blur(12px);
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 1rem);
}

html[data-theme='light'] .site-header-mobile-menu {
    border-top-color: rgb(226 232 240);
    background: rgb(255 255 255 / 0.98);
}

body.site-mobile-nav-open {
    overflow: hidden;
}

@media (min-width: 1024px) {
    .site-header-mobile-menu {
        display: none !important;
    }
}