/* Mobile navigation overlay fix
   Ensures that the header overlay stretches the full viewport height
   even on pages that later redefine the generic .header selector. */
@media (max-width: 991px) {
  .header.mobile-menu-open {
    /* Shorthand to reset all edges */
    inset: 0 !important;
    /* Fallbacks / guarantees */
    bottom: 0 !important;
    height: 100vh !important;
  }

  /* Prevent unexpected coloured background on the toggle */
  .mobile-nav-toggle,
  .header.mobile-menu-open .mobile-nav-toggle {
    background: none !important;
    border: none !important;
    color: var(--text-primary) !important;
  }
}

/* Remove focus outline and blue glow from mobile navigation toggle */
.mobile-nav-toggle:focus,
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Remove focus outline from the icon inside the toggle */
.mobile-nav-toggle i:focus,
.mobile-nav-toggle i:active,
.mobile-nav-toggle i:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove any webkit tap highlight */
.mobile-nav-toggle {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}