/*
 * CAUTION303 BLACK-GOLD OVERRIDE
 * Tambahkan file ini SETELAH stylesheet tema lama.
 * Tidak mengubah gambar/banner atau struktur/layout.
 */
:root {
  --caution-gold: #f5c542;
  --caution-gold-bright: #ffe58a;
  --caution-gold-deep: #b8860b;
  --caution-black: #050505;
  --caution-panel: #101010;
  --caution-border: #9b7410;
}

/* Warna aksen merah yang sering dipakai source lama */
[style*="#e30b5c" i],
[style*="#ff4d49" i],
[style*="#ff1b1b" i],
[style*="rgb(227, 11, 92)" i],
[style*="rgb(255, 77, 73)" i],
[style*="rgb(255, 27, 27)" i] {
  background-color: var(--caution-black) !important;
  border-color: var(--caution-gold-deep) !important;
  box-shadow: none !important;
}

/* Panel akun/member, informasi, popup, kartu dan area transaksi */
.member-info,
.member-information,
.member-panel,
.member-profile,
.user-panel,
.user-info,
.account-panel,
.account-info,
.transaction-panel,
.deposit-panel,
.withdraw-panel,
.promo-panel,
.promotion-panel,
.modal-content,
.modal-header,
.modal-body,
.alert,
.alert-danger,
.info-box,
.information-box,
.popup,
.popup-content,
[class*="withdraw"],
[class*="deposit"],
[class*="notification"],
[class*="popup"],
[class*="modal"],
[class*="promo"],
[class*="member-info"] {
  border-color: var(--caution-border);
}

/* Latar merah gelap yang umum dipakai sebagai background halaman/panel */
body,
.main-content,
.content-wrapper,
.page-content {
  background-color: var(--caution-black);
}

/* Elemen aksen dan tombol yang memakai kelas umum */
button,
.btn,
.button,
input[type="submit"],
input[type="button"],
.register-button,
.login-button,
.deposit-button,
.withdraw-button,
.activation-button,
.claim-button {
  border-color: var(--caution-gold-deep);
}

.btn-primary,
.button-primary,
.register-button,
.login-button,
.deposit-button,
.withdraw-button,
input[type="submit"] {
  background: linear-gradient(135deg, var(--caution-gold-bright), var(--caution-gold-deep)) !important;
  color: #080808 !important;
}

/* Ikon notifikasi yang sebelumnya merah */
.notification-bell,
.notification-button svg {
  fill: var(--caution-gold-bright) !important;
  color: var(--caution-gold-bright) !important;
  filter: drop-shadow(0 0 5px rgba(245, 197, 66, .35)) !important;
}

/* Link, ikon navigasi dan aksen merah */
a,
.text-danger,
.text-red,
.fa,
.fas,
.far,
.nav-tabs > li > a,
.bottom-nav a,
.footer-nav a {
  --bs-danger: var(--caution-gold);
}

a:hover,
.text-danger,
.text-red {
  color: var(--caution-gold-bright);
}

/*
 * Selektor attribute di bawah menargetkan style inline yang mengandung
 * warna merah lama. Aturan ini sengaja tidak menyentuh background-image
 * supaya banner/gambar milik pemilik situs tetap utuh.
 */
[style*="background:#e30b5c" i],
[style*="background: #e30b5c" i],
[style*="background-color:#e30b5c" i],
[style*="background-color: #e30b5c" i],
[style*="background:#ff4d49" i],
[style*="background: #ff4d49" i],
[style*="background-color:#ff4d49" i],
[style*="background-color: #ff4d49" i],
[style*="background:#5b0000" i],
[style*="background: #5b0000" i],
[style*="background-color:#5b0000" i],
[style*="background-color: #5b0000" i],
[style*="background:#330000" i],
[style*="background: #330000" i],
[style*="background-color:#330000" i],
[style*="background-color: #330000" i] {
  background: linear-gradient(135deg, #17130a, #050505) !important;
  border-color: var(--caution-gold-deep) !important;
  box-shadow: none !important;
}