/* =========================================================
   VWTOTO / ZELMA - Color Theme Only
   Hanya ganti warna. Struktur, class, ukuran, animasi
   SEMUA TETAP SAMA seperti file asli.
   Load file ini SETELAH CSS asli.
   ========================================================= */

:root {
  /* ===== WARNA UTAMA (dari promo) ===== */
  --gold:           #FFD700;
  --gold-light:     #FFE55C;
  --gold-dark:      #E6B800;
  --orange:         #FF6B00;
  --orange-deep:    #FF4500;
  --black:          #0A0A0A;
  --black-soft:     #141414;
  --black-card:     #1C1C1C;
  --white:          #FFFFFF;
  --white-soft:     #F0F0F0;
  --red:            #FF3B3B;
  --green:          #00E676;
  --blue:           #00B0FF;
  --gray:           #8A8A8A;
  --silver:         #C0C0C0;

  /* ===== MAPPING KE VARIABLE ASLI (hanya warna) ===== */

  /* Background */
  --body-bg:                          #0A0A0A;
  --default:                          transparent;

  /* Login / Register */
  --login-panel-color:                #F0F0F0;
  --forgot-password-link-hover-color: #FFD700;
  --login-btn-bg:                     #FFD700;
  --login-btn-border:                 #E6B800;
  --login-btn-hover-bg:               #FFE55C;
  --login-btn-hover-border:           #FFD700;
  --register-btn-bg:                  #FF6B00;
  --register-btn-border:              #FF4500;
  --register-btn-hover-bg:            #FF8533;
  --register-btn-hover-border:        #FF6B00;

  /* User Info & Wallet */
  --username-color:                   #FFE55C;
  --wallet-cntr-bg:                   rgba(255, 215, 0, 0.08);
  --wallet-cntr-color:                #FFFFFF;
  --wallet-cntr-border:               rgba(255, 215, 0, 0.28);
  --balance-color:                    #FFD700;
  --locked-balance-color:             #FF6B00;
  --user-info-balance-after-border-top: #FFD700;
  --user-info-menu-bg:                #141414;
  --user-info-menu-item-bg:           #1C1C1C;
  --user-info-menu-item-color:        #FFFFFF;
  --user-info-menu-item-border:       rgba(255, 215, 0, 0.22);
  --user-info-menu-item-hover-bg:     rgba(255, 215, 0, 0.15);

  /* Game List */
  --game-list-bg:                     transparent;
  --game-name-color:                  #FFFFFF;
  --game-list-img-bg:                 #1C1C1C;
  --game-list-wrapper-cntr-hover-bg:  rgba(255, 215, 0, 0.12);
  --game-list-favourite-btn-bg:       rgba(0, 0, 0, 0.65);
  --game-list-favourite-btn-border:   #FFD700;
  --home-game-list-cntr-game-item-color: #F0F0F0;
  --play-now-bg:                      #FFD700;
  --play-now-color:                   #111111;
  --play-now-hover-bg:                #FFE55C;
  --free-play-bg:                     #00B0FF;
  --free-play-color:                  #FFFFFF;
  --free-play-hover-bg:               #33C0FF;

  /* Provider */
  --provider-page-bg:                 #1C1C1C;
  --provider-title-bg:                #FFD700;
  --provider-title-color:             #111111;
  --provider-desc-color:              #F0F0F0;
  --provider-info-border:             rgba(255, 215, 0, 0.22);
  --provider-info-color:              #8A8A8A;

  /* Hot Match */
  --hot-match-cntr-color:             #FFFFFF;
  --hot-match-live-streaming-link-border: #FFD700;
  --hot-match-live-streaming-link-color:  #FFD700;
  --hot-match-live-streaming-link-hover-bg: #FFD700;
  --hot-match-live-streaming-link-hover-color: #111111;
  --hot-match-live-streaming-link-hover-border: #FFD700;

  /* Loyalty */
  --loyalty-top-bar-bg:               #1A1200;
  --loyalty-top-bar-main-text-color:  #FFFFFF;
  --loyalty-top-bar-vr-color:         rgba(255, 215, 0, 0.3);
  --loyalty-top-bar-inner-bg:         rgba(0, 0, 0, 0.35);
  --loyalty-top-bar-inner-color:      #FFFFFF;
  --loyalty-top-bar-xp-label-bg:      rgba(255, 215, 0, 0.15);
  --loyalty-top-bar-xp-label-border-color: #FFD700;
  --loyalty-top-bar-exp-progress-bar-bg: rgba(255, 255, 255, 0.1);
  --loyalty-top-bar-exp-amount-color: #FFD700;
  --loyalty-top-bar-exp-message-color: #8A8A8A;
  --loyalty-top-bar-information-sign-bg: #FFD700;
  --loyalty-top-bar-information-sign-color: #111111;

  /* Search */
  --search-container-bg:              #1C1C1C;
  --search-cntr-primary-color:        #FFFFFF;
  --search-cntr-secondary-color:      #8A8A8A;
  --search-input-bg:                  #141414;
  --search-input-border-color:        rgba(255, 215, 0, 0.3);
  --search-input-placeholder-color:   #8A8A8A;
  --search-history-item-bg:           rgba(255, 215, 0, 0.1);
  --search-history-item-color:        #FFE55C;
  --search-result-section-title-bg:   rgba(255, 215, 0, 0.12);
  --search-result-section-title-color: #FFD700;

  /* Bonus */
  --bonus-sel-cntr-bg:                #1C1C1C;
  --bonus-sel-cntr-border:            rgba(255, 215, 0, 0.25);
  --bonus-sel-cntr-color:             #FFFFFF;
  --bonus-sel-cntr-title-color:       #FFD700;
  --bonus-sel-cntr-bonus-amount-color: #00E676;
  --bonus-sel-cntr-cancel-btn-border: rgba(255, 215, 0, 0.4);
  --bonus-sel-cntr-cancel-btn-color:  #FFE55C;
  --bonus-sel-list-card-bg:           #141414;
  --bonus-sel-list-card-border:       rgba(255, 215, 0, 0.15);
  --bonus-sel-list-card-selected-bg:  rgba(255, 215, 0, 0.12);
  --bonus-sel-list-card-selected-border: #FFD700;
  --bonus-sel-list-card-footer-bg:    rgba(0, 0, 0, 0.4);
  --bonus-sel-list-card-select-footer-bg: rgba(255, 215, 0, 0.1);
  --bonus-sel-list-card-footer-end-color: #FFD700;
  --bonus-sel-list-card-footer-terms-color: #F0F0F0;
  --bonus-selection-popup-bg:         #1C1C1C;
  --bonus-selection-popup-color:      #FFFFFF;

  /* Form & Modal */
  --modal-standard-header-color:      #FFD700;
  --form-cntr-label-color:            #F0F0F0;
  --input-bg:                         #141414;
  --input-border:                     rgba(255, 215, 0, 0.25);
  --input-color:                      #FFFFFF;
  --input-readonly-bg:                #222222;
  --primary-btn-bg:                   #FFD700;

  /* Lainnya */
  --scrollbar-thumb-bg:          /* =========================================================
   VWTOTO Color Override - Hanya Warna
   Struktur & layout 100% tidak diubah
   Hanya memaksa warna emas + oranye dari promo
   ========================================================= */

:root {
  --gold: #FFD700;
  --gold-light: #FFE55C;
  --gold-dark: #E6B800;
  --orange: #FF6B00;
  --orange-deep: #FF4500;
  --black: #0A0A0A;
  --black-soft: #121212;
  --black-card: #1A1A1A;
  --white: #FFFFFF;
  --white-soft: #F0F0F0;
  --green: #00E676;
  --blue: #00B0FF;
  --gray: #999999;

  /* Variable mapping */
  --body-bg: #0A0A0A;
  --login-btn-bg: #FFD700;
  --login-btn-border: #E6B800;
  --login-btn-hover-bg: #FFE55C;
  --login-btn-hover-border: #FFD700;
  --register-btn-bg: #FF6B00;
  --register-btn-border: #FF4500;
  --register-btn-hover-bg: #FF8533;
  --register-btn-hover-border: #FF6B00;
  --balance-color: #FFD700;
  --username-color: #FFE55C;
  --wallet-cntr-bg: rgba(255,215,0,0.1);
  --wallet-cntr-border: rgba(255,215,0,0.3);
  --wallet-cntr-color: #FFFFFF;
  --play-now-bg: #FFD700;
  --play-now-color: #111;
  --play-now-hover-bg: #FFE55C;
  --free-play-bg: #00B0FF;
  --free-play-color: #fff;
  --free-play-hover-bg: #33C0FF;
  --provider-title-bg: #FFD700;
  --provider-title-color: #111;
  --game-name-color: #FFFFFF;
  --game-list-favourite-btn-border: #FFD700;
  --primary-btn-bg: #FFD700;
  --hot-match-live-streaming-link-border: #FFD700;
  --hot-match-live-streaming-link-color: #FFD700;
  --hot-match-live-streaming-link-hover-bg: #FFD700;
  --hot-match-live-streaming-link-hover-color: #111;
  --loyalty-top-bar-bg: #1A1200;
  --loyalty-top-bar-main-text-color: #fff;
  --search-container-bg: #1A1A1A;
  --search-input-bg: #121212;
  --search-input-border-color: rgba(255,215,0,0.35);
  --bonus-sel-cntr-bg: #1A1A1A;
  --bonus-sel-cntr-border: rgba(255,215,0,0.3);
  --bonus-sel-cntr-title-color: #FFD700;
  --input-bg: #121212;
  --input-border: rgba(255,215,0,0.3);
  --input-color: #fff;
  --modal-standard-header-color: #FFD700;
  --scrollbar-thumb-bg: #E6B800;
  --back-link-cntr-a-color: #FFD700;
}

/* ===== PAKSA WARNA KE ELEMEN PENTING (hanya color/background/border) ===== */

/* Body */
body {
  background-color: #0A0A0A !important;
  color: #F0F0F0 !important;
}

/* Header / Top bar */
.header,
.top-header,
.navbar,
.main-header,
[class*="header"] {
  background: linear-gradient(180deg, #2A1F00 0%, #1A1200 100%) !important;
}

/* Menu navigasi */
.nav-menu,
.main-menu,
.menu-bar,
.navbar-nav,
.top-menu,
[class*="menu-bar"],
[class*="nav-bar"] {
  background: linear-gradient(180deg, #FFD700 0%, #E6B800 100%) !important;
}

.nav-menu a,
.main-menu a,
.menu-bar a,
.navbar-nav a {
  color: #111 !important;
}

/* Tombol MASUK & DAFTAR */
.login-button,
.register-button,
.btn-login,
.btn-register,
[class*="masuk"],
[class*="daftar"],
.btn-primary {
  background: #FFD700 !important;
  background-image: linear-gradient(135deg, #FFD700, #E6B800) !important;
  color: #111 !important;
  border-color: #E6B800 !important;
}

.login-button:hover,
.register-button:hover,
.btn-login:hover,
.btn-register:hover,
.btn-primary:hover {
  background: #FFE55C !important;
  background-image: linear-gradient(135deg, #FFE55C, #FFD700) !important;
  color: #111 !important;
}

/* Tombol oranye (DAFTAR) */
.register-button,
.btn-register,
[class*="daftar"] {
  background: #FF6B00 !important;
  background-image: linear-gradient(135deg, #FF6B00, #FF4500) !important;
  border-color: #FF4500 !important;
  color: #fff !important;
}

.register-button:hover,
.btn-register:hover {
  background: #FF8533 !important;
  background-image: linear-gradient(135deg, #FF8533, #FF6B00) !important;
}

/* Card / Box hasil */
.card,
.result-card,
.result-box,
[class*="result"],
[class*="hasil"],
.panel {
  background-color: #1A1A1A !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
}

/* Judul section */
h1, h2, h3, h4, h5,
.section-title,
[class*="title"] {
  color: #FFD700 !important;
}

/* Link */
a {
  color: #FFD700 !important;
}
a:hover {
  color: #FFE55C !important;
}

/* Tombol umum */
.btn,
.button,
[class*="btn-"],
button[type="button"],
button[type="submit"] {
  background-color: #FFD700 !important;
  background-image: linear-gradient(135deg, #FFD700, #E6B800) !important;
  color: #111 !important;
  border-color: #E6B800 !important;
}

.btn:hover,
.button:hover,
button:hover {
  background-color: #FFE55C !important;
  background-image: linear-gradient(135deg, #FFE55C, #FFD700) !important;
}

/* Input */
input,
select,
textarea,
.form-control {
  background-color: #121212 !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  color: #fff !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.25) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: #E6B800 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #FFD700 !important;
}

/* Teks penting */
.balance,
.username,
[class*="balance"],
[class*="saldo"] {
  color: #FFD700 !important;
}
     #E6B800;
  --back-link-cntr-a-color:           #FFD700;
  --vendor-balances-cntr-bg:          #1C1C1C;
  --vendor-balances-border:           rgba(255, 215, 0, 0.25);
  --vendor-balances-color:            #FFFFFF;
  --vendor-balances-header-balance-color: #FFD700;
}