/**
 * Anti bug couleurs — couche FINALE (priorité max).
 * Cause historique : opacity/filter/overlay/body::before qui se recomposent à chaque navigation.
 */
html {
  scrollbar-gutter: stable;
  background-color: #070a12;
}

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

body.rs-store::before,
body.rshop-app.rs-store::before,
body.rs-store::after,
body.rshop-app.rs-store::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
}

/* Header : pas de blur (le blur change le rendu des couleurs derrière) */
body.rs-store .rs-header.rshop-header,
.rs-header.rshop-header {
  height: 3.75rem !important;
  min-height: 3.75rem !important;
  max-height: 3.75rem !important;
  animation: none !important;
  transition: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #0a0c14 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.rs-store .rs-header__bar,
.rs-header__bar {
  height: 3.75rem !important;
  min-height: 3.75rem !important;
  max-height: 3.75rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.rs-store .rs-logo span,
.rs-logo span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #f5f3ff !important;
}

/* Hero : opacity overlay TOUJOURS 1 — jamais d’inline JS */
.rs-hero,
.rs-boutique-hero,
.acc-hero,
.rs-page-hero {
  isolation: isolate;
}

.rs-hero.rs-reveal,
.rs-boutique-hero.rs-reveal,
.acc-hero.rs-reveal,
.rs-page-hero.rs-reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

.rs-hero__bg,
.rs-boutique-hero__bg,
.acc-hero__bg,
.rs-page-hero .rs-boutique-hero__bg {
  filter: none !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
}

.rs-hero__overlay,
.rs-boutique-hero__overlay,
.acc-hero__overlay,
.rs-page-hero .rs-boutique-hero__overlay,
.page-cine-hero__scrim {
  /* Une seule couche — variables thème figées */
  opacity: 1 !important;
  filter: none !important;
  background: var(--hero-overlay) !important;
}

.rs-hero__halo,
.rs-boutique-hero__glow,
.acc-hero__glow,
.rs-free-hero__glow {
  display: none !important;
}

/* Sections : pas de fade qui « teinte » la page */
.rs-reveal,
.rs-reveal.rs-reveal--visible {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

.rs-nav__link {
  border: 1px solid transparent !important;
  transform: none !important;
  transition: color 0.12s ease, background 0.12s ease !important;
}

.rs-nav__link:hover,
.rs-nav__link[aria-current="page"] {
  transform: none !important;
}

/* Aside : géré par rshop-fluid.css (jamais opacity 0 — saut layout) */
.rs-nav-aside {
  min-width: 10.75rem;
}

/*
 * Boutons CTA — style glass FIGÉ (même rendu avant/après refresh).
 * Cause du bug « Acheter » : backdrop-filter change selon le fond derrière +
 * premium-2026 écrasait le glass par un violet plat.
 */
body.rs-store .rs-btn--primary,
body.rs-store .btn.btn-primary,
body.rs-store .rs-card__buy,
body.rs-store .rs-proof-discord-cta {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 40%, transparent 54%),
    linear-gradient(145deg, rgba(192, 181, 255, 0.72) 0%, rgba(139, 92, 246, 0.78) 48%, rgba(91, 33, 182, 0.82) 100%) !important;
  background-color: #5b21b6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(67, 24, 120, 0.4),
    0 4px 16px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(139, 92, 246, 0.2) !important;
}

body.rs-store .rs-btn--primary:hover,
body.rs-store .btn.btn-primary:hover:not(:disabled),
body.rs-store .rs-card__buy:hover,
body.rs-store .rs-proof-discord-cta:hover {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.1) 40%, transparent 52%),
    linear-gradient(145deg, rgba(216, 201, 255, 0.78) 0%, rgba(167, 139, 250, 0.82) 50%, rgba(109, 40, 217, 0.85) 100%) !important;
  background-color: #6d28d9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 12px 40px rgba(91, 33, 182, 0.35),
    0 0 0 1px rgba(167, 139, 250, 0.22) !important;
}

body.rs-store .btn,
body.rs-store .rs-btn,
body.rs-store .rs-btn-discord,
body.rs-store a.btn,
body.rs-store button.btn {
  filter: none !important;
  -webkit-filter: none !important;
}

body.rs-store .btn:hover,
body.rs-store .rs-btn:hover,
body.rs-store .rs-btn-discord:hover {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Coupe le ::after premium qui double le gloss selon le paint */
body.rs-store a.rs-btn::after,
body.rs-store button.rs-btn::after,
body.rs-store a.btn.btn-primary::after,
body.rs-store button.btn.btn-primary::after {
  content: none !important;
  display: none !important;
}