/* NAVBAR sticky for nav.navbar */
nav.navbar {
  position: relative; /* default (tidak fixed) */
  width: 100%;
  transition: box-shadow .18s ease, background-color .18s ease, transform .18s ease;
  z-index: 10;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Saat sticky (ditambahkan class .fixed oleh JS) */
nav.navbar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050; /* di atas konten lain, tapi dibawah modal bs */
  /* Biarkan warna background asli (bg-primary) tetap, tapi tambahkan sedikit shadow */
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

/* Pastikan container di dalam navbar tetap center dan tidak melebar */
nav.navbar.fixed .container {
  max-width: 1140px; /* sesuaikan dengan layout Anda */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Placeholder insert by JS to avoid content jump */
.navbar-placeholder {
  display: block;
  width: 100%;
  height: 0; /* JS akan set height inline saat aktif */
  pointer-events: none;
  visibility: visible;
}

/* Optional: saat fixed, kecilkan padding vertical agar navbar terasa lebih compact */
nav.navbar.fixed .container,
nav.navbar.fixed .navbar-brand,
nav.navbar.fixed .navbar-nav .nav-link {
  /* contoh: sesuaikan jika Anda ingin navbar lebih ramping saat sticky */
  /* padding-top / padding-bottom bisa di-tune; saya tidak override semua agar tidak mengganggu tema */
}

/* Styling tambahan agar toggler & collapse tetap terlihat di atas konten */
nav.navbar.fixed .navbar-collapse {
  z-index: 1060; /* pastikan menu collapse muncul di atas placeholder */
}

/* Mobile behavior: jika collapse membuka pada posisi fixed, beri sedikit transisi */
nav.navbar.fixed .navbar-collapse.collapse.show {
  transition: height .18s ease;
}

/* Aksesibilitas: fokus */
nav.navbar:focus-within {
  outline: none;
}

/* Jika Anda menggunakan background transparan di navbar (bg-primary), Anda mungkin ingin
   menegaskan ulang warna saat fixed agar tetap kontras dengan konten di bawah. 
   Jika ingin override, uncomment dan sesuaikan warna di bawah:
*/
/*
nav.navbar.fixed {
  background-color: var(--bs-primary);
}
*/