/* ==========================================================================
   Tema warna primary: hijau
   Referensi palet: https://smksyarifuddin.sch.id/home
     #007c02  hijau utama (tombol, link aktif, ikon)
     #0d6305  hijau hover
     #0b3f00  hijau gelap (state aktif / tekan)
   File ini dimuat SETELAH assets/css/styles.css supaya menimpa palet bawaan
   template (Blue_Theme = #5d87ff). Semua nilai template yang di-hardcode
   biru ditulis ulang di sini.
   ========================================================================== */

:root {
  --smart-green: #007c02;
  --smart-green-rgb: 0, 124, 2;
  --smart-green-hover: #0d6305;
  --smart-green-hover-rgb: 13, 99, 5;
  --smart-green-active: #0b3f00;
  --smart-green-active-rgb: 11, 63, 0;
  --smart-green-tint: #8cc48d;
  --smart-green-subtle: #bfdec0;
}

/* --- Token utama -------------------------------------------------------- */

:root,
[data-bs-theme=light],
[data-bs-theme=dark],
[data-color-theme=Blue_Theme]:root,
[data-bs-theme=light][data-color-theme=Blue_Theme]:root,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root {
  --bs-blue: #007c02;
  --bs-primary: #007c02;
  --bs-primary-rgb: 0, 124, 2;
  --bs-light-primary: rgba(0, 124, 2, 0.1);
  --bs-primary-bg-subtle: rgba(0, 124, 2, 0.1);
  --bs-primary-border-subtle: #bfdec0;
  --bs-primary-text-emphasis: #0b3f00;
  --bs-link-hover-color: #0d6305;
  --bs-link-hover-color-rgb: 13, 99, 5;
  --bs-focus-ring-color: rgba(0, 124, 2, 0.25);
}

[data-bs-theme=dark],
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root {
  --bs-primary-border-subtle: #155e17;
  --bs-primary-text-emphasis: #8fd190;
}

/* --- Tombol -------------------------------------------------------------- */

.btn-primary,
[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #007c02;
  --bs-btn-border-color: #007c02;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6305;
  --bs-btn-hover-border-color: #0d6305;
  --bs-btn-focus-shadow-rgb: 31, 140, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b3f00;
  --bs-btn-active-border-color: #0b3f00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #007c02;
  --bs-btn-disabled-border-color: #007c02;
}

.btn-outline-primary {
  --bs-btn-color: #007c02;
  --bs-btn-border-color: #007c02;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #007c02;
  --bs-btn-hover-border-color: #007c02;
  --bs-btn-focus-shadow-rgb: 0, 124, 2;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #007c02;
  --bs-btn-active-border-color: #007c02;
  --bs-btn-disabled-color: #007c02;
  --bs-btn-disabled-border-color: #007c02;
}

/* --- Link ---------------------------------------------------------------- */

.link-primary:focus,
.link-primary:hover {
  color: RGBA(13, 99, 5, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(13, 99, 5, var(--bs-link-underline-opacity, 1)) !important;
}

/* --- Nav, pagination, list group, progress ------------------------------- */

.nav-tabs {
  --bs-nav-tabs-link-active-bg: #007c02;
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) #007c02;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #007c02;
}

.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 124, 2, 0.25);
  --bs-pagination-active-bg: #007c02;
  --bs-pagination-active-border-color: #007c02;
}

.list-group {
  --bs-list-group-active-bg: #007c02;
  --bs-list-group-active-border-color: #007c02;
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #007c02;
}

/* --- Form ---------------------------------------------------------------- */

.form-control:focus {
  border-color: #8cc48d;
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(0, 124, 2, 0.25);
}

.form-select:focus {
  border-color: #8cc48d;
  box-shadow: unset, 0 0 0 0.25rem rgba(0, 124, 2, 0.25);
}

[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
  border-color: #007c02 !important;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #007c02;
  border-color: #007c02;
}

.form-range::-webkit-slider-thumb {
  background-color: #007c02;
}

.form-range::-moz-range-thumb {
  background-color: #007c02;
}

/* --- Tabel --------------------------------------------------------------- */

.table-primary {
  --bs-table-bg: #d9ecda;
  --bs-table-border-color: #aebfaf;
  --bs-table-striped-bg: #cee0cf;
  --bs-table-active-bg: #c3d4c4;
  --bs-table-hover-bg: #c9dacb;
}

/* --- SweetAlert2 --------------------------------------------------------- */
/* Sweetalert2 memakai :where() sehingga specificity-nya rendah; dua kelas
   sudah cukup untuk menimpa warna ungu-biru bawaannya. */

.swal2-styled.swal2-confirm {
  background-color: #007c02;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 124, 2, 0.5);
}

/* --- Lain-lain ----------------------------------------------------------- */

.customizer-box.color-pallete label .color-box.skin-1 {
  background-color: #007c02;
}

html[dir=rtl] .border-start.border-2.border-primary {
  border-right: 2px solid #007c02 !important;
  border-left: 0 !important;
}