/* ==========================================================
   MOBILE NAVIGATION DRAWER - FIXED OVERLAY & SCROLL LOCK
   Once Noticias Digital Portal
   ========================================================== */
#mobile-nav-drawer {
    position: fixed !important;
    top: 56px;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100dvh - 56px);
    max-height: calc(100dvh - 56px);
    z-index: 99999 !important;
    background-color: rgba(2, 6, 23, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    padding: 16px 16px 60px 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.95) !important;
    border-top: 1px solid rgba(51, 65, 85, 0.8) !important;
    box-sizing: border-box !important;
}

#mobile-nav-drawer.hidden {
    display: none !important;
}

/* Elevate header above everything when mobile nav is open */
body.mobile-nav-open header,
html.mobile-nav-open header {
    z-index: 100000 !important;
}

/* Scroll Lock on Body & Html when mobile nav is open */
html.mobile-nav-open,
body.mobile-nav-open {
    overflow: hidden !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overscroll-behavior: none !important;
}