/* Zero-JS mobile nav mechanics for the #mobile-nav overlay
   (templates/partials.html.tmpl, "nav" define). Same :target technique as
   chat-popup.css — hand-written, not Tailwind-generated, kept separate so
   scripts/build-css.sh never overwrites it.
   Trigger: <a href="#mobile-nav">. Close: <a href="#"> (any non-matching
   fragment). No script tag, no JS anywhere in this file or its effect.
   z-index 60, above both the nav bar and the chat FAB (both z-50), so the
   open menu covers everything else on the page. */

.mn-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

#mobile-nav:target {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
}

.mn-panel {
  transform: translateX(100%);
  transition: transform 0.25s ease;
}

#mobile-nav:target .mn-panel {
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .mn-overlay,
  .mn-panel {
    transition: none;
  }
}