/* ============================================================
   NAV-MOBILE.CSS (BEREINIGT)
   ------------------------------------------------------------
   Ergänzende Regeln für die mobile Navigation.
   Hinweis: Das visuelle Styling und die Animationen werden in
   `header.css` gesteuert, damit Mobile und Desktop konsistent sind.
   Diese Datei verhindert nur Konflikte und sorgt für klare
   Sichtbarkeits-Regeln.
============================================================ */

/* Desktop-Navigation auf Mobile ausblenden */
@media (max-width: 1024px) {
  .site-header {
    display: none !important;
  }

  .desktop-nav {
    display: none !important;
  }
}

/* Mobile-Navigation auf Desktop ausblenden */
@media (min-width: 1025px) {
  .mobile-header,
  .mobile-menu,
  .mobile-nav-trigger,
  .mobile-overlay {
    display: none !important;
  }
}

/* Reduced Motion: Animationen in `header.css` respektieren */
@media (prefers-reduced-motion: reduce) {
  .mobile-menu {
    transition-duration: 0.01ms !important;
  }

  .mobile-nav-trigger span {
    transition-duration: 0.01ms !important;
  }
}