/* Override warna "highlight" bawaan template (biru) jadi merah Importa
   yang sudah kita kunci di aplikasi Flutter (#E30613 / #B8000A) — bukan
   merah bawaan template (#DA4453). Dimuat SETELAH style.css supaya
   override-nya menang, tanpa perlu compile ulang SCSS template. */

.color-highlight { color: #E30613 !important; }
.bg-highlight { background-color: #E30613 !important; color: #FFF !important; }
.border-highlight { border-color: #E30613 !important; }
.gradient-highlight { background-image: linear-gradient(to bottom, #E30613, #B8000A) !important; }
.bg-fade-highlight-light { background-color: rgba(227, 6, 19, 0.12) !important; color: #E30613 !important; }
.bg-fade-highlight-dark { background-color: rgba(184, 0, 10, 0.7) !important; color: #FFF !important; }

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active { background-color: #E30613 !important; }
.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i { color: #E30613 !important; }
.form-floating-over > .form-control:focus ~ label,
.form-floating-over > .form-control:not(:placeholder-shown) ~ label,
.form-floating-over > .form-select ~ label { color: #E30613 !important; }

/* Logo asli Importa (izin Kukuh, 8 Sept 2026) menggantikan logo demo
   template. Header di halaman contoh ini berlatar terang, jadi versi
   warna asli (merah+hitam) yang dipakai, bukan versi putih. */
.theme-light .header .header-logo,
.theme-dark .header .header-logo,
.footer .footer-logo { background-image: url(../images/importa-logo.png) !important; }