/* ==========================================================
   TEMA HIJAU BOOTSTRAP (MENGGANTIKAN WARNA BIRU/PRIMARY)
   ========================================================== */

/* 1. Variabel Global Utama (Mengubah dasar sistem Bootstrap) */
:root {
    --bs-blue: #198754;
    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;
}

/* 2. Tautan (Links) */
a { color: #198754; }
a:hover { color: #146c43; }

/* 3. Tombol Primary (.btn-primary) */
.btn-primary {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-primary:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f;
}
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

/* 4. Tombol Outline Primary (.btn-outline-primary) */
.btn-outline-primary {
    color: #198754;
    border-color: #198754;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #198754;
    background-color: transparent;
}

/* 5. Warna Teks, Background, & Border */
.text-primary { color: #198754 !important; }
.bg-primary { background-color: #198754 !important; }
.border-primary { border-color: #198754 !important; }

/* 6. Form input, Checkbox, Radio, Switch, Range (Focus & Aktif) */
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: #badbcc;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}
.form-range::-webkit-slider-thumb { background-color: #198754; }
.form-range::-webkit-slider-thumb:active { background-color: #badbcc; }
.form-range::-moz-range-thumb { background-color: #198754; }
.form-range::-moz-range-thumb:active { background-color: #badbcc; }

/* 7. Alert Primary (.alert-primary) */
.alert-primary {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-primary .alert-link { color: #0c4128; }

/* 8. List Group Primary (.list-group-item-primary) */
.list-group-item-primary {
    color: #0f5132;
    background-color: #d1e7dd;
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132;
}

/* 9. Pagination (.page-link) */
.page-link { color: #198754; }
.page-link:hover { color: #146c43; }
.page-link:focus {
    color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.page-item.active .page-link {
    background-color: #198754;
    border-color: #198754;
}

/* 10. Dropdown Aktif (.dropdown-item.active) */
.dropdown-item.active, .dropdown-item:active {
    background-color: #198754;
}

/* 11. Nav Pills Aktif (.nav-pills .nav-link.active) */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #198754;
}