/*
 * Dark Gold theme override — dimuat setelah vertical-light-layout/style.css.
 * Hanya override warna/background, tidak menyentuh struktur/layout template asli.
 */
:root {
  --bs-primary: #e8b923;
  --bs-primary-rgb: 232, 185, 35;
  --bs-body-bg: #0b1220;
  --bs-body-color: #dbe1ee;
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.08);
}

body {
  background: #0b1220;
  color: #dbe1ee;
}

.content-wrapper {
  background: #0b1220;
}

.navbar {
  background: #10192e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.navbar .navbar-brand-wrapper {
  background: #10192e;
}

.navbar h5,
.navbar .nav-link,
.navbar .font-weight-normal {
  color: #dbe1ee !important;
}

.navbar .search-form .form-control {
  background: #16213f;
  border-color: rgba(255, 255, 255, 0.08);
  color: #dbe1ee;
}

.navbar .search-form i {
  color: #e8b923;
}

.navbar .navbar-dropdown {
  background: #16213f;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar .navbar-dropdown .dropdown-header p,
.navbar .navbar-dropdown .dropdown-item {
  color: #dbe1ee;
}

.navbar .navbar-dropdown .dropdown-item:hover {
  background: #1c2a4a;
}

.navbar .navbar-dropdown .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

.sidebar {
  background: #10192e;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar .nav-profile .profile-name {
  color: #dbe1ee;
}

.sidebar .nav .nav-item.nav-category {
  color: #6b7694;
}

.sidebar .nav .nav-item .nav-link .menu-title {
  color: #b7c0d6;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
  color: #e8b923;
}

.sidebar .nav .nav-item:not(.nav-category):not(.nav-profile):hover {
  background: #16213f;
}

.sidebar .nav .nav-item.active:not(.navbar-brand-mini-wrapper) {
  background: #16213f;
  border-right: 3px solid #e8b923;
}

.sidebar .nav .nav-item.active:not(.navbar-brand-mini-wrapper) > .nav-link .menu-title {
  color: #f4d160;
  font-weight: 700;
}

.sidebar .nav .nav-item.active:not(.navbar-brand-mini-wrapper) > .nav-link i {
  color: #e8b923;
}

.sidebar .nav .nav-item .badge-outline-warning {
  color: #e8b923;
  border-color: #e8b923;
}

/* Kartu */
.card {
  --bs-card-bg: #16213f;
  --bs-card-title-color: #f2f4f9;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.card .card-title {
  color: #f2f4f9;
}

.card .card-description,
.text-muted {
  color: #8b96b3 !important;
}

.page-title {
  color: #f2f4f9;
}

.page-header .text-muted {
  color: #8b96b3 !important;
}

.breadcrumb-item a {
  color: #e8b923;
}

.breadcrumb-item.active {
  color: #8b96b3;
}

/* Tabel */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: #dbe1ee;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-striped-color: #dbe1ee;
  --bs-table-hover-bg: #1c2a4a;
  --bs-table-hover-color: #ffffff;
  --bs-table-active-bg: #1c2a4a;
  --bs-table-active-color: #ffffff;
  color: #dbe1ee;
}

.table thead th {
  color: #8b96b3;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.table td,
.table th {
  border-bottom-color: rgba(255, 255, 255, 0.06);
  vertical-align: middle;
}

.table-responsive.border {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: #16213f;
}

.table img.rounded-circle {
  border: 2px solid rgba(255, 255, 255, 0.1);
}

/* Tombol & link aksen */
.btn-primary,
.btn-primary:not(.btn-light) {
  background-color: #e8b923;
  border-color: #e8b923;
  color: #0b1220 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(.btn-light):hover,
.btn-primary:not(.btn-light):focus {
  background-color: #cda11d;
  border-color: #cda11d;
  color: #0b1220 !important;
}

.btn-outline-primary,
.btn-outline-primary:not(.btn-outline-light) {
  color: #e8b923;
  border-color: #e8b923;
}

.btn-outline-primary:hover {
  background-color: #e8b923;
  color: #0b1220;
}

/* Template asli set warna teks hover jadi abu-abu pucat (#aab2bd) yang kontrasnya buruk
   di atas fill terang (hijau/merah) — dark-navy jauh lebih terbaca, konsisten dgn btn-primary. */
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  color: #0b1220;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
  color: #0b1220;
}

.text-primary,
a {
  color: #e8b923;
}

.text-dark {
  color: #dbe1ee !important;
}

.btn-light {
  background: #16213f;
  border-color: rgba(255, 255, 255, 0.1);
  color: #dbe1ee;
}

.btn-light:hover {
  background: #1c2a4a;
  color: #fff;
}

/* Modal & form */
.modal-content {
  background: #16213f;
  color: #dbe1ee;
}

.modal-header,
.modal-footer {
  border-color: rgba(255, 255, 255, 0.08);
}

.modal-title {
  color: #f2f4f9;
}

.btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.form-control,
.form-select {
  background-color: #0b1220;
  border-color: rgba(255, 255, 255, 0.12);
  color: #dbe1ee;
}

.form-control:focus,
.form-select:focus {
  background-color: #0b1220;
  border-color: #e8b923;
  color: #dbe1ee;
  box-shadow: 0 0 0 0.2rem rgba(232, 185, 35, 0.15);
}

.form-control::placeholder {
  color: #6b7694;
}

.form-group label {
  color: #b7c0d6;
}

.form-check-label {
  color: #b7c0d6 !important;
}

/* Alert */
.alert-success {
  background: #14301f;
  border-color: #1f5c37;
  color: #7ee2a0;
}

.alert-danger {
  background: #341418;
  border-color: #6b1f28;
  color: #ff8fa0;
}

/* Ikon — default gold di seluruh halaman saat tema dark aktif */
i[class*="icon-"],
.fa {
  color: #e8b923;
}

/* Kecuali ikon di atas tombol solid gold — biar tetap kontras, ikut warna teks tombol */
.btn-primary i,
.btn-primary:not(.btn-light) i {
  color: inherit !important;
}

/* Footer */
.footer {
  background: #0b1220;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer .text-muted {
  color: #6b7694 !important;
}