/*
  ICON ELEMENT HOMEPAGE MOBILE NAV HOTFIX — v1
  Loaded after site-header.css and mobile-fixes.css.
  Restores a clean drawer relationship to the fixed header without
  changing the desktop navigation or the rest of the homepage layout.
*/

@media (max-width: 980px) {
  /* Keep the mobile header at one stable height while the drawer is open/closed. */
  .site-header .nav-container.is-scrolled {
    height: var(--header-height) !important;
  }

  /* Start the drawer below the header instead of underneath the logo. */
  .site-header .nav-links {
    top: var(--header-height) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    height: calc(100vh - var(--header-height)) !important;
    height: calc(100dvh - var(--header-height)) !important;
    padding: 2rem 2rem 2.5rem !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}