/* Header situs: pil kaca yang melayang. Dipakai beranda dan semua halaman
   RANGKA (panduan, artikel, bantuan, syarat), supaya kepalanya satu rupa.
   Dimuat sesudah landing.css. Aturan gelap memakai html[data-theme="dark"]
   supaya menang atas theme-dark.css, yang dimuat SESUDAH berkas ini. */

.site-header { padding-top: 12px; border-bottom: 0; background: transparent; backdrop-filter: none; pointer-events: none; }
.header-inner {
  min-height: 64px; padding: 0 12px 0 18px; border: 1px solid rgba(232, 224, 217, .95); border-radius: 20px;
  background: rgba(255, 255, 255, .84); backdrop-filter: blur(18px) saturate(1.5);
  box-shadow: 0 14px 34px -18px rgba(52, 41, 33, .38); pointer-events: auto;
}
.main-nav { gap: 4px; margin: 0 auto; }
.main-nav a { padding: 9px 15px; border-radius: 999px; transition: color .18s, background .18s; }
.main-nav a::after { display: none; }
.main-nav a:hover { color: var(--orange-text); background: var(--orange-soft); }
.header-dashboard { padding: 10px 16px; border-color: var(--orange); border-radius: 12px; color: #fff; background: var(--orange); }
.header-dashboard:hover { border-color: var(--orange-dark); background: var(--orange-dark); box-shadow: 0 10px 22px -8px rgba(238, 77, 45, .55); }
html[data-theme="dark"] .site-header { border-bottom: 0; background: transparent; }
html[data-theme="dark"] .header-inner { border-color: #2f2d2b; background: rgba(24, 23, 22, .84); box-shadow: 0 14px 34px -18px rgba(0, 0, 0, .8); }
html[data-theme="dark"] .header-dashboard { border-color: #c9341b; color: #fff; background: #c9341b; }
/* Halaman yang sedang dibuka (aria-current dipasang bangun.py). */
.main-nav a[aria-current="page"] { color: var(--orange-text); background: var(--orange-soft); }
.header-dashboard { white-space: nowrap; }
@media (max-width: 520px) {
  .header-inner { gap: 8px; padding: 0 6px 0 12px; }
  .header-actions { gap: 6px; margin-left: auto; }
  .header-dashboard { padding: 9px 11px; font-size: 11px; }
  .menu-toggle { padding: 8px 6px; }
}