/* ============================================================
   NAV / HAMBURGER MENU FIX (mobile ≤820px)
   Bug: rule `.app>.navbar{position:relative;z-index:1}` menimpa
   `.navbar{z-index:50}` sehingga saat menu mobile terbuka,
   `.nav-scrim` (z-index:40) MENUTUPI navbar + dropdown menu.
   Akibatnya klik garis-3 hamburger → menu tidak terlihat (ketutup
   scrim gelap). Fix: paksa navbar serta dropdown menu di atas scrim.
   ============================================================ */

@media (max-width: 820px) {
  .navbar {
    position: sticky !important;
    z-index: 60 !important;
  }
  .nav-links {
    z-index: 61 !important;
  }
}

/* Jaga-jaga: pastikan scrim TIDAK menutupi navbar/dropdown di semua ukuran */
.nav-scrim {
  z-index: 40 !important;
}