/**
 * Theme presets: add new data-theme on :root via theme.js
 * Current campaign: arcade-casino (default)
 */
[data-theme="arcade-casino"] {
  /* mirrors root defaults; explicit for documentation */
}

[data-theme="cartoon-gold"] {
  --color-bg-deep: #140a16;
  --color-bg-mid: #1f0f22;
  --color-gold: #ffd447;
  --color-gold-dark: #e09b12;
  --color-cta: #ff4f9a;
  --color-accent: #7cf5ff;
}

[data-theme="neon-bonus"] {
  --color-bg-deep: #050814;
  --color-bg-mid: #0a1020;
  --color-gold: #e8ff5c;
  --color-gold-dark: #9bcf00;
  --color-cta: #7c5cff;
  --color-accent: #00ffd5;
}

[data-theme="premium-dark"] {
  --color-bg-deep: #070707;
  --color-bg-mid: #111118;
  --color-gold: #d4af65;
  --color-gold-dark: #8a6a2c;
  --color-cta: #c9a24d;
  --color-accent: #eee;
}

/**
 * Le Bandit — slot-style promo (gold / yellow slices, blue SPIN, sepia scene).
 * Scene asset: assets/images/le-bandit-scene.png
 */
[data-theme="le-bandit"] {
  --color-bg-deep: #14100e;
  --color-bg-mid: #231c18;
  --color-surface: rgba(18, 14, 12, 0.9);
  --color-gold: #ffd700;
  --color-gold-dark: #b8860b;
  --color-cta: #f4c14b;
  --color-cta-glow: rgba(0, 163, 255, 0.5);
  --color-accent: #eee;
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.8);
  --color-danger: #ff4d6d;
  --color-wheel-border: #2c1a08;
  --shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.55);
}

[data-theme="le-bandit"] .app-backdrop {
  background:
    linear-gradient(180deg, rgba(40, 32, 26, 0.62) 0%, rgba(24, 19, 15, 0.78) 45%, rgba(10, 8, 7, 0.9) 100%),
    url("../assets/images/bg_mob.png") center center / cover no-repeat;
}


@media (min-width: 768px) {
    [data-theme="le-bandit"] .app-backdrop {
        background:
                linear-gradient(180deg, rgba(40, 32, 26, 0.62) 0%, rgba(24, 19, 15, 0.78) 45%, rgba(10, 8, 7, 0.9) 100%),
                url("../assets/images/bg.png") center center / cover no-repeat;
    }
}

[data-theme="le-bandit"] .app-backdrop::after {
  opacity: 0.12;
  mask-image: radial-gradient(ellipse 90% 75% at 50% 40%, black 0%, transparent 75%);
}

[data-theme="le-bandit"] .app-backdrop__glow,
[data-theme="le-bandit"] .app-backdrop__coins {
  display: none;
}

[data-theme="le-bandit"] .brand__badge {
  color: #fff;
  font-family: Poppins, var(--font-body);
  font-weight: 900;
  font-size: clamp(1.05rem, 5vw, 1.35rem);
  letter-spacing: 0.02em;
  text-transform: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
  -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.25);
}

[data-theme="le-bandit"] .headline--bandit {
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

[data-theme="le-bandit"] .headline__line1 {
  display: block;
  font-weight: 800;
  font-size: clamp(1.05rem, 5.2vw, 1.35rem);
  color: #fff;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.55);
  margin-bottom: 0.15rem;
}

[data-theme="le-bandit"] .headline__line2 {
  display: block;
  font-weight: 800;
  font-size: clamp(1.05rem, 5.2vw, 1.35rem);
  color: #fff;
}

[data-theme="le-bandit"] .headline__accent {
  color: #ffe566;
  text-shadow: 0 0 20px rgba(0, 204, 255, 0.45);
}

[data-theme="le-bandit"] .subhead--bandit {
  text-align: center;
  font-size: clamp(0.68rem, 3vw, 0.78rem);
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.82);
}

[data-theme="le-bandit"] .wheel-game-title {
  display: block;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(1.35rem, 7vw, 1.85rem);
  text-align: center;
  margin: 0 0 0.25rem;
  color: #ffe566;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 0 1px #000, 0 3px 0 #000, 0 4px 12px rgba(0, 0, 0, 0.55);
  transform: skewX(-4deg);
}

[data-theme="le-bandit"] .wheel-pointer {
  border-top-color: #ffb020;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.55));
}

[data-theme="le-bandit"] .wheel-rim {
  padding: 12px;
  background: linear-gradient(145deg, #fff8dc 0%, #ffd700 35%, #daa520 55%, #6b4420 100%);
  box-shadow: inset 0 3px 8px rgba(255, 255, 255, 0.55), inset 0 -4px 10px rgba(0, 0, 0, 0.35), 0 0 0 4px #3d2a10,
    0 0 0 8px rgba(255, 215, 0, 0.22);
}

[data-theme="le-bandit"] .wheel-svg-host {
  background: #111;
}

[data-theme="le-bandit"] .spin-btn {
  background: radial-gradient(circle at 38% 28%, #ffd700 0%, var(--color-cta) 42%, #005fa3 100%);
  border: 3px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 0 4px rgba(0, 163, 255, 0.25), 0 10px 28px rgba(0, 100, 200, 0.55), inset 0 2px 10px rgba(255, 255, 255, 0.35);
}

[data-theme="le-bandit"] .spin-btn__label {
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

[data-theme="le-bandit"] .spin-btn__sub {
  display: none;
}

[data-theme="le-bandit"] .spin-btn__ring {
  border-color: rgba(255, 255, 255, 0.28);
}

[data-theme="le-bandit"] .reward-chip {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(0, 163, 255, 0.1));
  border-color: rgba(255, 215, 0, 0.45);
}

[data-theme="le-bandit"] .toast {
  border-color: rgba(255, 215, 0, 0.5);
}

[data-theme="le-bandit"] .modal__panel {
  background: linear-gradient(165deg, rgba(32, 28, 40, 0.98), rgba(14, 12, 18, 0.99));
  border-color: rgba(255, 215, 0, 0.5);
  box-shadow: 0 -10px 48px rgba(0, 0, 0, 0.6), 0 0 36px rgba(0, 163, 255, 0.12);
}

[data-theme="le-bandit"] .modal__badge {
  color: var(--color-accent);
}

[data-theme="le-bandit"] .submit-btn {
  color: #fff;
  background: linear-gradient(180deg,  var(--color-cta), var(--color-cta) 50%,  var(--color-cta));
  border: 2px solid rgba(255, 255, 255, 0.35);
  /*box-shadow: 0 8px 28px var(--color-cta-glow);*/
}

[data-theme="le-bandit"] .foot-bandit__cta-link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

[data-theme="le-bandit"] .foot-bandit__link {
  color: #ffe566;
}