/* =====================================================================
   EXTRA.CSS — pengganti atribut `style-hover` runtime DesignCombo +
   gaya form & filter yang dulu di-inline per halaman. Dimuat paling akhir.
   ===================================================================== */

/* hover link (dulu style-hover) */
.bau-util-link:hover { color: #fff; }
.bau-foot-link:hover { color: #fff; }
.bau-social:hover { background: var(--cyan-500); color: #fff; }

/* filter kategori produk — warna aktif navy institusional (fidelitas sumber) */
.bau-filter {
  background: #fff; color: var(--slate); border: 1.4px solid var(--line-2);
  cursor: pointer; transition: all .15s;
}
.bau-filter:hover { border-color: var(--sky-200); }
.bau-filter.active { background: var(--navy-700) !important; color: #fff !important; border-color: var(--navy-700) !important; }

/* input & form (token-based) */
.babu-input { width: 100%; padding: 13px 15px; border-radius: 10px; border: 1px solid var(--line-2); background: #fff; color: var(--ink); font-family: var(--fs); font-size: 14px; outline: none; transition: border-color .15s, box-shadow .15s; }
.babu-input::placeholder { color: var(--faint); }
.babu-input:focus { border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(45,108,176,.13); }
.babu-input.bau-invalid { border-color: #C0492B; }
.bau-err { display: none; font-size: 12px; color: #C0492B; margin-top: 5px; }
.bau-err.show { display: block; }
.bau-file { display: flex; align-items: center; gap: 14px; border: 1.5px dashed var(--line-2); border-radius: 12px; padding: 16px; cursor: pointer; background: #fff; transition: border-color .15s; }
.bau-file:hover { border-color: var(--blue-500); }

/* form berhasil / gagal */
.bau-toast.err { background: #7A2E22; }
.bau-toast.err svg { color: #F2C871; }

/* konten prosa untuk halaman legal sederhana */
.bau-prose h2 { font-family: var(--fd); color: var(--navy-700); font-size: 22px; margin: 30px 0 10px; }
.bau-prose p { color: var(--slate); line-height: 1.7; margin: 0 0 14px; font-size: 15.5px; }
.bau-prose ul { color: var(--slate); line-height: 1.7; padding-left: 20px; }