/* Mobile navigation visibility correction
   The original `.site-header nav { display:none; }` mobile rule is more
   specific than `.mobile-nav-drawer`, so explicitly restore the drawer. */

@media (max-width: 940px) {
  .site-header .desktop-nav {
    display: none !important;
  }

  .site-header .mobile-nav-drawer {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    z-index: 2;
    margin-left: 0;
  }

  .site-header .mobile-nav-backdrop {
    z-index: 1;
  }

  .mobile-nav-panel[hidden] {
    display: none !important;
  }

  .mobile-nav-panel:not([hidden]) {
    display: block;
  }
}