/* ============================================================
   DYNAMIC THEME — Generated from tb_thema
   Updated: 2026-09-22 14:05:57   ============================================================ */

:root {
  /* ===== WARNA UTAMA ===== */
  --gold-100: #dcfce7;
  --gold-200: #bbf7d0;
  --gold-300: #86efac;
  --gold-400: #4ade80;
  --gold-500: #22c55e;
  --gold-600: #16a34a;
  --gold-700: #15803d;
  --gold-900: #052e16;

  /* ===== RGB (untuk rgba) ===== */
  --gold-100-rgb: 220,252,231;
  --gold-200-rgb: 187,247,208;
  --gold-300-rgb: 134,239,172;
  --gold-400-rgb: 74,222,128;
  --gold-500-rgb: 34,197,94;
  --gold-600-rgb: 22,163,74;
  --gold-700-rgb: 21,128,61;
  --gold-900-rgb: 5,46,22;

  /* ===== VARIAN BG ===== */
  --bg-dark-2: #052e16;
  --bg-dark:   #15803d;

  /* ===== GRADIENT ===== */
  --grad-gold-simple: linear-gradient(135deg, #22c55e, #15803d);
  --grad-gold-glossy: linear-gradient(180deg, #bbf7d0 0%, #22c55e 45%, #16a34a 100%);
  --grad-gold: linear-gradient(
    270deg,
    #22c55e 15%, #15803d 21%, #052e16 33%,
    #22c55e 44%, #052e16 60%, #22c55e 73%,
    #22c55e 85%, #15803d 100%
  );

  /* ===== GLOSSY / KILAU / BLUR TIPIS ===== */
  --grad-glossy-top:   linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  --grad-glossy-soft:  linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.05) 60%, rgba(255,255,255,0));
  --grad-glossy-strong:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.05));
  --radial-shine:      radial-gradient(circle at 30% 0%, rgba(255,255,255,.5), transparent 55%);
  --radial-soft:       radial-gradient(circle at 30% 0%, rgba(255,255,255,.35), transparent 60%);

  /* ===== SHADOW ===== */
  --border-gold: 1px solid rgba(34,197,94, .2);
  --shadow-gold: 0 4px 15px rgba(34,197,94, .25);
  --shadow-gold-lg: 0 8px 30px rgba(34,197,94, .4);

  /* ===== SHADOW GLOSSY (inset) ===== */
  --shadow-glossy-inset: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15);
  --shadow-glossy-btn:   inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.12);

  /* ===== TRANSISI ===== */
  --trans-fast: all .15s ease;
  --trans-base: all .25s ease;
}

/* ===== BACKGROUND ===== */
.pc body.black-gold-theme {
  background-image: url('https://cdn.areabermain.club/assets/cdn/az9/2026/08/02/20260802/870ed5bb34239b019b245e5f1ed74f61/jutawanbet-background-17agustus-1.jpg') !important;
}

.mobile body {
  background-image: url('https://cdn.areabermain.club/assets/cdn/az9/2026/08/28/20260828/2f83bc3d24519069466839a92b23cea7/baground-mobile-jutawanbet.png') !important;
}

/* ===== ICON KATEGORI GAME (PC) ===== */
.pc .black-gold-theme .game-list-box .game-menu .history-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif); }
.pc .black-gold-theme .game-list-box .game-menu .hot-menu     { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_hot.gif); }
.pc .black-gold-theme .game-list-box .game-menu .live-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_livegame.gif); }
.pc .black-gold-theme .game-list-box .game-menu .elgame-menu  { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_slot.gif); }
.pc .black-gold-theme .game-list-box .game-menu .lottery-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_togel.gif); }
.pc .black-gold-theme .game-list-box .game-menu .sport-menu   { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_sport.gif); }
.pc .black-gold-theme .game-list-box .game-menu .fish-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_tembakikan.gif); }
.pc .black-gold-theme .game-list-box .game-menu .card-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_arcade.gif); }
.pc .black-gold-theme .game-list-box .game-menu p {
  background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif);
  border-radius: 30px !important;
}

/* ===== ICON KATEGORI GAME (MOBILE) ===== */
.black-gold-theme .game-list .game-menu .history-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif); }
.black-gold-theme .game-list .game-menu .hot-menu     { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_hot.gif); }
.black-gold-theme .game-list .game-menu .live-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_livegame.gif); }
.black-gold-theme .game-list .game-menu .elgame-menu  { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_slot.gif); }
.black-gold-theme .game-list .game-menu .lottery-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_togel.gif); }
.black-gold-theme .game-list .game-menu .sport-menu   { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_sport.gif); }
.black-gold-theme .game-list .game-menu .fish-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_tembakikan.gif); }
.black-gold-theme .game-list .game-menu .card-menu    { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_arcade.gif); }
.black-gold-theme .game-list .game-menu p {
  background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif);
  border-radius: 30px !important;
}

/* ===== UTILITAS GLOSSY (opsional, bisa dipakai di CSS lain) ===== */
.glossy-top::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: var(--grad-glossy-top);
  pointer-events: none;
}

.glossy-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--radial-shine);
  pointer-events: none;
  mix-blend-mode: screen;
  filter: blur(4px);
}