/* Tema Lazismu Sragen: latar putih, aksen oranye (utama) dan hijau (hover/penanda).
   Dimuat SETELAH style.css supaya menimpanya. Warna utama & hover sendiri
   diatur lewat tabel theme_settings (variabel --primary-color/--hover-color). */

html:root {
  --pwm-blue: #ff8200;
  --pwm-blue-dark: #cc6800;
  --pwm-green: #1a1a1a;
  --pwm-red: #d93636;

  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-primary-rgb: 255, 130, 0;
  --bs-success: #00a758;
  --bs-success-rgb: 0, 167, 88;

  /* Di template ini "bahaya" bawaannya mengikuti warna utama. Karena warna
     utama kini biru, tombol hapus/pesan galat harus dikembalikan ke merah. */
  --bs-danger: var(--pwm-red);
  --bs-danger-rgb: 217, 54, 54;
}

body,
.main-wrapper .page-wrapper {
  background: #ffffff;
}

/* Kartu di atas latar putih perlu garis tipis agar tetap terbaca. */
body .card {
  border: 1px solid #e3eaf3;
  box-shadow: 0 1px 3px rgba(255, 130, 0, 0.06);
}

/* Aksen hitam pada bilah atas dan menu aktif (oranye di mode gelap). */
body .navbar {
  border-bottom: 2px solid var(--pwm-green);
}

body .sidebar .sidebar-body .nav .nav-item.active > .nav-link,
body .sidebar .sidebar-body .nav .nav-item .nav-link:hover {
  color: var(--pwm-green);
}
/* Penanda menu aktif: garis di tepi kiri sidebar (item punya padding kiri
   25px), bukan border pada link, supaya tidak menempel ke ikon. */
body .sidebar .sidebar-body .nav.sidebar-menu > .nav-item.active > .nav-link {
  position: relative;
}

body .sidebar .sidebar-body .nav.sidebar-menu > .nav-item.active > .nav-link::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--pwm-green);
  border-radius: 0 3px 3px 0;
}

/* ---- Bahaya/hapus: kembali merah ---- */
body .btn-danger,
body .swal2-popup .swal2-actions button.swal2-cancel {
  background-color: var(--pwm-red);
  border-color: var(--pwm-red);
  color: #fff;
}

body .btn-danger:hover,
body .btn-danger:focus,
body .btn-danger:active,
body .swal2-popup .swal2-actions button.swal2-cancel:hover {
  background-color: #b82a2a;
  border-color: #b82a2a;
}

body .btn-outline-danger {
  color: var(--pwm-red);
  border-color: var(--pwm-red);
}

body .btn-outline-danger:hover,
body .btn-outline-danger:active,
body .btn-outline-danger.active {
  background-color: var(--pwm-red);
  border-color: var(--pwm-red);
  color: #fff;
}

body .alert-danger {
  color: #a12222;
  border-color: var(--pwm-red);
  background-color: rgba(217, 54, 54, 0.08);
}

body .alert-danger .alert-link,
body .link-danger,
body .list-group-item-danger {
  color: var(--pwm-red);
}

body .border-danger {
  border-color: var(--pwm-red) !important;
}

body .alert-fill-danger {
  background-color: var(--pwm-red);
}

/* Logo di header sidebar: header setinggi 60px, gambar tidak boleh dipaksa
   selebar kolom (itu yang memotongnya). Tampil utuh, tinggi menyesuaikan. */
body:not(.sidebar-folded) .sidebar .sidebar-header {
  padding: 0 16px;
  gap: 12px;
}

body:not(.sidebar-folded) .sidebar .sidebar-header .sidebar-brand {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

body:not(.sidebar-folded) .sidebar .sidebar-header .sidebar-brand img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 46px;
  object-fit: contain;
}

/* ---- Mode gelap ----
   Biru tua utama (#ff8200) tidak terbaca di latar gelap, dan latar putih
   yang dipaksakan di atas membuat judul kolom tabel (tulisan putih)
   hilang. Aturan ini hanya aktif bila stylesheet gelap dimuat. */
html:has(link[href*="style_dark.css"]) {
  --bs-body-bg: #0c1427;
  --bs-body-bg-rgb: 12, 20, 39;
  --bs-body-color: #fff4e6;
  --bs-primary-rgb: 255, 154, 51;
  --bs-link-color: #ff9a33;
  --pwm-blue-terang: #ff9a33;
  --pwm-green: #ff9a33;
}

html:has(link[href*="style_dark.css"]) body .table > :not(caption) > * > * {
  background-color: transparent;
  color: #fff4e6;
}

/* Judul kolom harus solid: pada tabel dengan judul menempel (sticky), baris
   yang lewat di bawahnya tidak boleh tembus pandang. */
html:has(link[href*="style_dark.css"]) body .table thead th,
html:has(link[href*="style_dark.css"]) body .table thead tr {
  background-color: #0c1427 !important;
  color: #fff4e6;
}

html:has(link[href*="style_dark.css"]) body .text-primary,
html:has(link[href*="style_dark.css"]) body .btn-link,
html:has(link[href*="style_dark.css"]) body .card a:not(.btn):not(.nav-link) {
  color: var(--pwm-blue-terang);
}

html:has(link[href*="style_dark.css"]) body .btn-outline-primary {
  color: var(--pwm-blue-terang);
  border-color: var(--pwm-blue-terang);
  background-color: transparent;
}

html:has(link[href*="style_dark.css"]) body .btn-outline-primary:hover,
html:has(link[href*="style_dark.css"]) body .btn-outline-primary:focus,
html:has(link[href*="style_dark.css"]) body .btn-outline-primary:active {
  color: #0c1427;
  background-color: var(--pwm-blue-terang);
  border-color: var(--pwm-blue-terang);
}

html:has(link[href*="style_dark.css"]) body .sidebar a.active,
html:has(link[href*="style_dark.css"]) body .sidebar li.active > a,
html:has(link[href*="style_dark.css"]) body .sidebar .nav-item.active > .nav-link {
  color: var(--pwm-green);
}

html:has(link[href*="style_dark.css"]) body .breadcrumb a {
  color: var(--pwm-blue-terang);
}