/* =========================
   GOLD THEME OVERRIDE
   ========================= */

:root{
  --gold-main: #d4af37;
  --gold-dark: #b8860b;
  --gold-light: #f7d774;
  --gold-soft: rgba(212, 175, 55, 0.25);
  --gold-strong: rgba(212, 175, 55, 0.5);
  --gold-gradient: linear-gradient(180deg, #fff4b0 0%, #f7d774 25%, #d4af37 60%, #b8860b 100%);
}

/* =========================
   GLOBAL LINK / TEXT
   ========================= */

a {
  color: var(--gold-main);
}

a:hover,
a:focus {
  color: var(--gold-dark);
}

.text-primary,
a.text-primary {
  color: var(--gold-main) !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--gold-dark) !important;
}

.border-primary {
  border-color: var(--gold-main) !important;
}

.bg-primary,
.badge-primary {
  background-color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
  color: #fff !important;
}

/* =========================
   BUTTON PRIMARY
   ========================= */

.btn-primary {
  background: var(--gold-gradient) !important;
  border-color: var(--gold-dark) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background: var(--gold-dark) !important;
  border-color: var(--gold-dark) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem var(--gold-strong) !important;
}

.btn-outline-primary {
  color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

/* tombol custom kecil yang umum dipakai */
.btn-custom,
.btn-custom-sm {
  background: var(--gold-gradient);
  border: 1px solid var(--gold-dark);
  color: #000 !important;
  font-weight: 700;
}

.btn-custom:hover,
.btn-custom-sm:hover {
  background: var(--gold-main);
  border-color: var(--gold-dark);
  color: #000 !important;
}

/* =========================
   FORM FOCUS
   ========================= */

.form-control:focus,
.custom-select:focus,
.form-control-sm:focus {
  border-color: var(--gold-main) !important;
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--gold-main) !important;
}

/* =========================
   PAGINATION / NAV
   ========================= */

.page-link {
  color: var(--gold-main) !important;
}

.page-link:hover,
.page-link:focus {
  color: var(--gold-dark) !important;
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

.page-item.active .page-link {
  background-color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--gold-main) !important;
}

/* =========================
   SELECT2 / SWIPER / BOOTSTRAP-SELECT
   ========================= */

:root {
  --swiper-theme-color: #d4af37;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--gold-main) !important;
  color: #fff !important;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li.selected a {
  background-color: var(--gold-main) !important;
  color: #fff !important;
}

/* =========================
   DARI SCRIPT YANG KAMU KIRIM
   ========================= */

/* Bank detail cyan -> gold */
#bankDetail .popup-bank-detail .bank-detail-info .bank-account .acc-details span {
  color: var(--gold-main) !important;
}

/* Progress biru -> gold */
.bonus-list .bonus-item .bonus-progress-outer .progress .progress-bar {
  background: var(--gold-gradient) !important;
}

/* Floating contact biru -> gold */
.floating-contact__item a span.website {
  background: var(--gold-main) !important;
  color: #000 !important;
}

/* Breadcrumb hover biru -> gold */
.breadcrumb-link:hover {
  color: var(--gold-main) !important;
}

/* Search icon warna lebih cocok */
.slot-game .slot-game__container .slot-game__search-cont .game-search .search-btn i {
  color: var(--gold-dark) !important;
}

/* Header popup yang sudah gold, samakan tone */
#bankDetail .popup-bank-detail .bank-detail-header h4,
#gameID .popup-game-id .game-id-header h4,
#voucherModal .popup-voucher .voucher-header h4,
#categoryProvModal .popup-category-modal .category-modal-header h4,
#voucherModal .popup-voucher #reader #reader__dashboard_section_swaplink,
#categoryProvModal .popup-category-modal .category-modal-container .category-item .name {
  color: var(--gold-main) !important;
}

/* Tombol scanner voucher */
#voucherModal .popup-voucher #reader #reader__dashboard_section button {
  background: var(--gold-main) !important;
  color: #000 !important;
}

/* Kategori mobile biar senada */
.home .mobile__category .category-container .category-item .name {
  color: var(--gold-main) !important;
}

/* unread notif boleh tetap merah, tapi ini opsional kalau mau emas */
.header .header__mid .header-form a .unread-notif {
  border: 1px solid rgba(255,255,255,0.15);
}

/* link hover umum yang kadang masih biru */
.breadcrumb-link,
.header .header__mid a,
.header .header__top a,
.sidenav a,
.footer-mobile a {
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* =========================
   OVERRIDE WARNA BOOTSTRAP BIRU BAWAAN
   ========================= */

.btn.focus,
.btn:focus {
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  box-shadow: 0 0 0 0.2rem var(--gold-soft) !important;
}

/* checkbox/radio/switch */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--gold-main) !important;
  border-color: var(--gold-main) !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--gold-main) !important;
  background-color: var(--gold-main) !important;
}

/* =========================
   OPERATIONAL / OPTIONAL
   ========================= */

/* progress striped kalau dipakai */
.progress-bar {
  background-color: var(--gold-main);
}

/* highlight box / panel soft gold */
.scan-amount,
.register__note,
.register__notemail,
.note_addbank,
.breadcrumb-container {
  border: 1px solid rgba(212, 175, 55, 0.15);
}

/* search bar border lebih elegan */
.slot-game .slot-game__container .slot-game__search-cont .game-search {
  border-color: var(--gold-dark) !important;
}