/* fp-nav-fix.css — Mobile nav panel containment fix
   Prevents iOS Safari bug where position:absolute inside
   position:sticky swallows touch scroll events.
   Deploy: v28 · March 2026 */

/* Mobile: switch nav-panel to fixed positioning */
@media (max-width: 900px) {
  .nav-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    /* top is set dynamically by fp-nav.js via getBoundingClientRect() */
  }
}

/* Desktop: keep absolute (dropdown anchored to header) */
@media (min-width: 901px) {
  .nav-panel {
    position: absolute;
  }
}

/* Prevent body scroll when nav is open on mobile */
@media (max-width: 900px) {
  body.nav-open {
    overflow: hidden;
  }
}