/* ==========================================================================
   Kin-ER — override tema (dimuat paling akhir setelah app.min.css)
   ========================================================================== */

/* FIX: topbar transparan saat scroll 0-50px sehingga konten menembusnya.
   Sebab: app.min.css memberi #page-topbar { background-color: var(--vz-header-bg) },
   tetapi --vz-header-bg HANYA didefinisikan untuk [data-topbar=dark] dan
   [data-bs-theme=dark] — tidak ada untuk data-topbar=light (dipakai ki-ner),
   sehingga variabelnya tak terdefinisi -> background gagal -> transparan.
   Background baru muncul pada scroll >= 50px saat app.js menambahkan class
   .topbar-shadow ([data-topbar=light] #page-topbar.topbar-shadow -> --vz-secondary-bg).
   Di bawah 50px topbar masih tembus pandang -> page-title terlihat menembus topbar.

   Solusi: definisikan --vz-header-bg untuk topbar light memakai warna yang sama
   dengan yang dipakai .topbar-shadow, sehingga topbar solid sejak diam dan tidak
   ada perubahan warna saat mulai scroll. --vz-secondary-bg otomatis menyesuaikan
   light (#fff) maupun dark (#05192f). Konfigurasi data-topbar=dark tidak terpengaruh. */
:root[data-topbar=light] {
    --vz-header-bg: var(--vz-secondary-bg);
}

/*# sourceMappingURL=custom.min.css.map */