/* =====================================================================
   TEMA ORANGE + PUTIH  (front-office / user app)
   File override, dimuat PALING AKHIR setelah style.css.
   Menimpa warna brand #3629b7 (indigo) & #007bff (biru) -> orange.
   Warna utama: #FF6B00
   ===================================================================== */

:root { --primary: #FF6B00; }

/* Header atas & menu samping (brand color) */
.header {
  background: #FF6B00 !important;
}
.main-menu,
.menu-overlay .main-menu,
.menu-push-content .main-menu {
  background: #FF6B00 !important;
}

/* Teks di atas area orange -> putih */
.header .btn-link,
.header h6,
.header .header-title,
.main-menu .nav-link,
.main-menu li a {
  color: #fff !important;
}

/* Loader */
.loader-display,
.loader { background: #FF6B00; }

/* Tombol & elemen primary (Bootstrap) */
.btn-primary {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #E85F00 !important;
  border-color: #E85F00 !important;
  color: #fff !important;
}
.bg-primary { background-color: #FF6B00 !important; }
.text-primary { color: #FF6B00 !important; }
.text-default { color: #FF6B00 !important; }
.badge-primary { background-color: #FF6B00 !important; color:#fff !important; }

/* Link */
a { color: #FF6B00; }
a:hover { color: #E85F00; }

/* Nav aktif / bottom bar (jika ada) */
.nav-item.active .nav-link,
.footer-nav .active,
.bottom-bar .active {
  color: #FF6B00 !important;
}

/* Tombol absen / aksi utama biasanya .btn-primary,
   tambahan untuk elemen ber-background biru bawaan */
.bg-blue, .bg-indigo { background-color: #FF6B00 !important; }

/* Form focus */
.form-control:focus {
  border-color: #FF8C33 !important;
  box-shadow: 0 0 0 2px rgba(255,107,0,.15) !important;
}

/* Switch / checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
}