/**
 * Thème RShop figé — source de vérité couleurs (apparence actuelle).
 * Ne pas recalculer en JS. Pas d’orange. Pas d’opacité cumulative.
 */
:root {
  /* Alias demandés + valeurs historiques alignées */
  --bg-main: #070a12;
  --bg-surface: #0a0c14;
  --bg-elevated: #121524;

  --text-main: #f3f0fa;
  --text-muted: #9b93b0;

  --purple-primary: #8b5cf6;
  --purple-secondary: #a78bfa;
  --purple-dark: #5b21b6;

  --border-soft: rgba(148, 91, 255, 0.22);
  --overlay-hero: rgba(22, 10, 38, 0.52);

  /* Tokens historiques (alias → mêmes valeurs) */
  --color-primary: var(--purple-primary);
  --color-primary-hover: var(--purple-secondary);
  --color-bg: var(--bg-main);
  --color-card: #1f1f24;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-text: var(--text-main);
  --color-muted: var(--text-muted);

  --rshop-premium-violet: #7c3aed;
  --rshop-premium-violet-light: var(--purple-secondary);
  --rshop-premium-bg: var(--bg-main);

  /* Overlay hero UNIQUE et figé (remplace toute opacité JS) */
  --hero-overlay:
    linear-gradient(180deg, rgba(7, 10, 18, 0.42) 0%, rgba(7, 10, 18, 0.22) 40%, rgba(7, 10, 18, 0.72) 100%),
    linear-gradient(115deg, rgba(124, 58, 237, 0.18) 0%, transparent 55%);
}

html {
  background-color: var(--bg-main);
  color-scheme: dark;
}

body.rs-store,
body.rshop-app.rs-store {
  background-color: var(--bg-main) !important;
  background-image: none !important;
  color: var(--text-main);
}

/* Une seule couche overlay hero — jamais d’opacity inline / accumulation */
.rs-hero,
.rs-boutique-hero,
.acc-hero,
.rs-page-hero,
.rp-hero {
  position: relative;
  isolation: isolate;
}

.rs-hero__overlay,
.rs-boutique-hero__overlay,
.acc-hero__overlay,
.rs-page-hero .rs-boutique-hero__overlay,
.rp-hero__overlay,
.page-cine-hero__scrim {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: var(--hero-overlay) !important;
  pointer-events: none;
  z-index: 1;
}

.rs-hero__bg,
.rs-boutique-hero__bg,
.acc-hero__bg,
.rp-hero__bg {
  z-index: 0;
  filter: none !important;
  opacity: 1 !important;
}

.rs-hero__inner,
.rs-boutique-hero__inner,
.acc-hero__inner,
.rp-hero__inner,
.rs-hero > *:not(.rs-hero__bg):not(.rs-hero__overlay):not(.rs-hero__halo),
.rs-boutique-hero > *:not(.rs-boutique-hero__bg):not(.rs-boutique-hero__overlay):not(.rs-boutique-hero__glow) {
  position: relative;
  z-index: 2;
}

/* Halos / glows désactivés (accumulation visuelle) */
.rs-hero__halo,
.rs-boutique-hero__glow,
.acc-hero__glow,
.rs-free-hero__glow {
  display: none !important;
}