/* ============ SYSTÈME DE THÈMES PREMIUM ============ */
/* Transition globale fluide sur changement de thème */
body, body *,
.hero, .hero-bg-img,
.about, .methode, .soins, .events, .contact,
.kintsugi-feature, .cercle-feature, .water,
.nav, .nav.scrolled,
.btn, .btn-gold, .btn-cobalt, .btn-outline,
.soin-card, .axe-card, .testi-card, .event-card,
.water-card, .water-product,
.form-card, .form-row input, .form-row textarea, .form-row select,
.credential, .footer-grid, footer,
.divider, .scroll-cue, .quote-section,
.gallery-item {
  transition:
    background-color 1.2s cubic-bezier(.4,0,.2,1),
    background 1.2s cubic-bezier(.4,0,.2,1),
    color 1.2s cubic-bezier(.4,0,.2,1),
    border-color 1.2s cubic-bezier(.4,0,.2,1),
    box-shadow 1.2s cubic-bezier(.4,0,.2,1),
    fill 1.2s cubic-bezier(.4,0,.2,1) !important;
}

/* ============ THÈME 1 : LUMIÈRE AUBE (terracotta · or doux · ivoire — pur sans vert) ============ */
body[data-theme="aube"] {
  --gold: #c8975c;
  --gold-deep: #a07238;
  --gold-light: #e8c896;
  --gold-soft: #f5e7d0;
  --night: #2e1f18;
  --night-2: #3d2a20;
  --cobalt: #b8745c;
  --cobalt-light: #d4948a;
  --cream: #fdf8f0;
  --cream-2: #f5e8d8;
  --rose: #c4848c;
  --emerald: #c8975c;
  --text: #2e2018;
  --muted: #7a5d4a;
  --shadow: rgba(46, 31, 24, 0.08);
  --shadow-strong: rgba(46, 31, 24, 0.18);
  --particle-color: 200, 151, 92;
  --particle-bg-overlay: rgba(253,248,240,0.4);
}
body[data-theme="aube"] .hero {
  background:
    radial-gradient(ellipse at 50% 25%, rgba(232, 200, 150, 0.28) 0%, transparent 60%),
    radial-gradient(ellipse at 25% 85%, rgba(196, 132, 140, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 75%, rgba(200, 151, 92, 0.22) 0%, transparent 55%),
    linear-gradient(180deg, #2e1f18 0%, #1a0f08 100%);
}
body[data-theme="aube"] .water {
  background: linear-gradient(180deg, #fdf8f0 0%, #f5e8d8 100%) !important;
}
body[data-theme="aube"] .water-card {
  background: linear-gradient(135deg, #c8975c 0%, #a07238 100%) !important;
}
body[data-theme="aube"] .kintsugi-feature {
  background:
    linear-gradient(135deg, rgba(46, 31, 24, 0.92), rgba(61, 42, 32, 0.92)),
    url('img/IMG-20260507-WA0102.jpg') center/cover no-repeat !important;
}
body[data-theme="aube"] .quote-section,
body[data-theme="aube"] .cercle-feature,
body[data-theme="aube"] .contact {
  background: linear-gradient(135deg, #2e1f18 0%, #1a0f08 100%) !important;
}
body[data-theme="aube"] footer {
  background: #2e1f18 !important;
}
body[data-theme="aube"] .nav.scrolled {
  background: rgba(46, 31, 24, 0.92) !important;
}

/* ============ THÈME 2 : NUIT SACRÉE (or/cobalt — actuel Cercle d'Or) ============ */
body[data-theme="nuit"] {
  --gold: #c9a961;
  --gold-deep: #b8941f;
  --gold-light: #e8d5a0;
  --gold-soft: #f4e9c8;
  --night: #0a0e1f;
  --night-2: #141a2e;
  --cobalt: #1a3a8e;
  --cobalt-light: #2d5cb8;
  --cream: #faf6ee;
  --cream-2: #f1ead7;
  --rose: #c75450;
  --emerald: #2a6e5a;
  --text: #2a2520;
  --muted: #6b6457;
  --particle-color: 201, 169, 97;
  --particle-bg-overlay: rgba(10,14,31,0.6);
}

/* ============ THÈME 3 : EAU CRISTALLINE (chamane de l'eau) ============ */
body[data-theme="eau"] {
  --gold: #8aafc7;
  --gold-deep: #5d8aa8;
  --gold-light: #c5d8e6;
  --gold-soft: #e6eef5;
  --night: #1a3a5c;
  --night-2: #2d5078;
  --cobalt: #4a7b9f;
  --cobalt-light: #6b9bbd;
  --cream: #f5fafd;
  --cream-2: #e8f0f6;
  --rose: #c7888a;
  --emerald: #5d8a8a;
  --text: #2a3a4a;
  --muted: #5d6e7d;
  --particle-color: 138, 175, 199;
  --particle-bg-overlay: rgba(245,250,253,0.5);
}
body[data-theme="eau"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(74, 123, 159, 0.5) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(197, 216, 230, 0.2) 0%, transparent 60%),
    linear-gradient(180deg, #1a3a5c 0%, #0d2540 100%);
}

/* ============ THÈME 4 : TERRE RENAISSANCE (terracotta/mousse — Dordogne) ============ */
body[data-theme="terre"] {
  --gold: #b87333;
  --gold-deep: #8b5a26;
  --gold-light: #d9a877;
  --gold-soft: #efddc6;
  --night: #3d2817;
  --night-2: #523521;
  --cobalt: #6b7d4a;
  --cobalt-light: #8a9c66;
  --cream: #faf3e6;
  --cream-2: #ede0c5;
  --rose: #c47860;
  --emerald: #6b7d4a;
  --text: #3d2e1f;
  --muted: #7a6852;
  --particle-color: 184, 115, 51;
  --particle-bg-overlay: rgba(250,243,230,0.4);
}
body[data-theme="terre"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(107, 125, 74, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(184, 115, 51, 0.25) 0%, transparent 60%),
    linear-gradient(180deg, #3d2817 0%, #1f1208 100%);
}

/* ============ THÈME 5 : FÉMININ SACRÉ (rose poudré/or rose) ============ */
body[data-theme="feminin"] {
  --gold: #d4a097;
  --gold-deep: #a87060;
  --gold-light: #f0d2c7;
  --gold-soft: #fae6df;
  --night: #5d2d3a;
  --night-2: #784050;
  --cobalt: #b88090;
  --cobalt-light: #d4a4b0;
  --cream: #fdf6f3;
  --cream-2: #f7e6df;
  --rose: #c47888;
  --emerald: #8a7d8a;
  --text: #4a2a35;
  --muted: #7a6063;
  --particle-color: 212, 160, 151;
  --particle-bg-overlay: rgba(253,246,243,0.4);
}
body[data-theme="feminin"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(184, 128, 144, 0.4) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(240, 210, 199, 0.3) 0%, transparent 60%),
    linear-gradient(180deg, #5d2d3a 0%, #3a1820 100%);
}

/* ============ THÈME 6 : OR LIQUIDE (champagne/bronze — luxe absolu) ============ */
body[data-theme="or"] {
  --gold: #d4af37;
  --gold-deep: #a8841a;
  --gold-light: #f0d878;
  --gold-soft: #f8eab8;
  --night: #2a2418;
  --night-2: #3d3528;
  --cobalt: #8a7548;
  --cobalt-light: #b8965e;
  --cream: #fdf9ee;
  --cream-2: #f5ecd0;
  --rose: #c89770;
  --emerald: #8a7548;
  --text: #2a2418;
  --muted: #6b5e3e;
  --particle-color: 212, 175, 55;
  --particle-bg-overlay: rgba(253,249,238,0.4);
}
body[data-theme="or"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(212, 175, 55, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(168, 132, 26, 0.25) 0%, transparent 60%),
    linear-gradient(180deg, #2a2418 0%, #1a1408 100%);
}

/* ============ THÈME 7 : FORÊT ÉMERAUDE (vert/cuivre/ancrage) ============ */
body[data-theme="foret"] {
  --gold: #c19a3e;
  --gold-deep: #957527;
  --gold-light: #e0c478;
  --gold-soft: #ede0b0;
  --night: #1a2e1f;
  --night-2: #2a4530;
  --cobalt: #4a7848;
  --cobalt-light: #6b9568;
  --cream: #f5f5ee;
  --cream-2: #e6e8d8;
  --rose: #b87850;
  --emerald: #2e5d3a;
  --text: #1f2e25;
  --muted: #5d6b58;
  --particle-color: 193, 154, 62;
  --particle-bg-overlay: rgba(245,245,238,0.4);
}
body[data-theme="foret"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(74, 120, 72, 0.4) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(193, 154, 62, 0.2) 0%, transparent 60%),
    linear-gradient(180deg, #1a2e1f 0%, #0d1810 100%);
}

/* ============ THÈME 8 : COSMOS ÉTOILÉ (violet/magenta — médiumnité) ============ */
body[data-theme="cosmos"] {
  --gold: #d4a8e8;
  --gold-deep: #9c5fb8;
  --gold-light: #e8c8f0;
  --gold-soft: #f4e0f8;
  --night: #1a0d2e;
  --night-2: #2a1844;
  --cobalt: #6b3990;
  --cobalt-light: #8e5cb5;
  --cream: #faf5fc;
  --cream-2: #ede0f3;
  --rose: #c75c98;
  --emerald: #6b3990;
  --text: #2a1838;
  --muted: #6e5c80;
  --particle-color: 212, 168, 232;
  --particle-bg-overlay: rgba(26,13,46,0.6);
}
body[data-theme="cosmos"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(107, 57, 144, 0.5) 0%, transparent 60%),
    radial-gradient(ellipse at 30% 70%, rgba(199, 92, 152, 0.3) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(212, 168, 232, 0.2) 0%, transparent 60%),
    linear-gradient(180deg, #1a0d2e 0%, #0d0518 100%);
}

/* ============ SÉLECTEUR DE THÈMES (bouton flottant + panneau) ============ */
.theme-toggle {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-deep));
  color: var(--night);
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transition: all .4s cubic-bezier(.2,.8,.2,1);
  font-family: 'Cormorant Garamond', serif;
}
.theme-toggle:hover {
  transform: scale(1.1) rotate(15deg);
  box-shadow: 0 12px 40px rgba(0,0,0,0.4);
}
.theme-toggle.active {
  transform: rotate(-90deg);
}
.theme-toggle::before {
  content: '✦';
  display: block;
}

.theme-panel {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 999;
  width: 340px;
  background: rgba(20, 20, 25, 0.92);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  pointer-events: none;
  transition: all .35s cubic-bezier(.2,.8,.2,1);
  max-height: 80vh;
  overflow-y: auto;
}
.theme-panel.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.theme-panel-title {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 0.3em;
  color: #c9a961;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-align: center;
}
.theme-panel-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.6);
  text-align: center;
  margin-bottom: 22px;
}
.theme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.theme-option {
  cursor: pointer;
  padding: 14px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  transition: all .3s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.theme-option:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(201, 169, 97, 0.5);
  transform: translateY(-2px);
}
.theme-option.active {
  background: rgba(201, 169, 97, 0.15);
  border-color: #c9a961;
}
.theme-option.active::after {
  content: '✓';
  position: absolute;
  top: 6px;
  right: 8px;
  color: #c9a961;
  font-size: 12px;
}
.theme-swatch {
  display: flex;
  gap: 3px;
  height: 28px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.theme-swatch span {
  flex: 1;
  display: block;
}
.theme-name {
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 0.15em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.theme-desc {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  line-height: 1.3;
}

@media (max-width: 600px) {
  .theme-panel { width: calc(100vw - 40px); right: 20px; bottom: 90px; }
  .theme-toggle { bottom: 20px; right: 20px; width: 52px; height: 52px; font-size: 20px; }
}


/* ============ THÈME 9 : FORÊT D'OR ============
   Validation Mélanie : palette VERT ÉMERAUDE PROFOND (comme Forêt Émeraude)
   + Bois Légendaire (textures wood-* sur cards, boutons signature, footer)
   + Symbolique CHÊNE (De Carvalho = chêne en portugais → force intérieure)
============ */
body[data-theme="foret-or"] {
  --gold: #c19a3e;
  --gold-deep: #957527;
  --gold-light: #e0c478;
  --gold-soft: #ede0b0;
  --night: #1a2e1f;
  --night-2: #2a4530;
  --cobalt: #4a7848;
  --cobalt-light: #6b9568;
  --cream: #f5f5ee;
  --cream-2: #e6e8d8;
  --rose: #b87850;
  --emerald: #2e5d3a;
  --text: #1f2e25;
  --muted: #5d6b58;
  --shadow: rgba(13, 26, 16, 0.18);
  --shadow-strong: rgba(13, 26, 16, 0.35);
  --particle-color: 193, 154, 62;
  --particle-bg-overlay: rgba(13, 24, 14, 0.4);
}

/* ====== BODY GLOBAL : vert émeraude très profond ====== */
body[data-theme="foret-or"] {
  background-color: #0d1810 !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 15% 10%, rgba(74, 120, 72, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse 70% 45% at 85% 90%, rgba(193, 154, 62, 0.10) 0%, transparent 55%) !important;
  background-attachment: fixed !important;
  text-shadow: none !important;
}

/* ====== HERO : vert émeraude + CHÊNE silhouette + halos dorés ====== */
body[data-theme="foret-or"] .hero {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(74, 120, 72, 0.5) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 85%, rgba(193, 154, 62, 0.20) 0%, transparent 55%),
    linear-gradient(180deg, #1a2e1f 0%, #0a1810 100%) !important;
  position: relative;
  overflow: hidden;
}

/* Hero garde l'image cœur originale (.hero-bg-img) */
body[data-theme="foret-or"] .hero-bg-img {
  display: block !important;
  opacity: 0.30 !important;
  filter: hue-rotate(-15deg) saturate(1.1) brightness(0.85) !important;
}
body[data-theme="foret-or"] .hero-vignette {
  background: radial-gradient(ellipse at center, transparent 30%, rgba(10, 24, 16, 0.85) 95%) !important;
}
body[data-theme="foret-or"] .hero h1 {
  color: #f5f5ee !important;
  text-shadow: 0 4px 24px rgba(0,0,0,0.6);
}
body[data-theme="foret-or"] .hero h1 em {
  background: linear-gradient(135deg, #ede0b0, #e0c478, #c19a3e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px rgba(193, 154, 62, 0.4));
}
body[data-theme="foret-or"] .hero-eyebrow {
  color: #e0c478 !important;
}
body[data-theme="foret-or"] .hero-sub,
body[data-theme="foret-or"] .hero-tagline {
  color: #ede0b0 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
body[data-theme="foret-or"] .scroll-cue {
  color: #c19a3e !important;
}

/* ====== SECTIONS SOMBRES : vert émeraude profond ====== */
body[data-theme="foret-or"] .quote-section,
body[data-theme="foret-or"] .cercle-feature,
body[data-theme="foret-or"] .contact,
body[data-theme="foret-or"] .serenity-test,
body[data-theme="foret-or"] .kintsugi-feature {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(74, 120, 72, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 70%, rgba(193, 154, 62, 0.10) 0%, transparent 55%),
    linear-gradient(180deg, #1a2e1f 0%, #0d1810 100%) !important;
  position: relative;
}
body[data-theme="foret-or"] .quote-section::before,
body[data-theme="foret-or"] .cercle-feature::before,
body[data-theme="foret-or"] .contact::before,
body[data-theme="foret-or"] .serenity-test::before,
body[data-theme="foret-or"] .serenity-bg {
  background: none !important;
  display: none !important;
}

/* Texte sections sombres */
body[data-theme="foret-or"] .quote-text {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .quote-text em {
  color: #e0c478 !important;
}
body[data-theme="foret-or"] .quote-author {
  color: #c19a3e !important;
}
body[data-theme="foret-or"] .cercle-feature h2,
body[data-theme="foret-or"] .cercle-feature .desc,
body[data-theme="foret-or"] .cercle-feature .subtitle {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .cercle-feature h2 em {
  color: #e0c478 !important;
}
body[data-theme="foret-or"] .three-words span {
  color: #e0c478 !important;
  border-color: #c19a3e !important;
}
body[data-theme="foret-or"] .contact-info h2 {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .contact-info p,
body[data-theme="foret-or"] .contact-block .val {
  color: #ede0b0 !important;
}
body[data-theme="foret-or"] .contact-block .val a {
  color: #e0c478 !important;
}
body[data-theme="foret-or"] .contact-block .lbl {
  color: #c19a3e !important;
}
body[data-theme="foret-or"] .serenity-step h3,
body[data-theme="foret-or"] .step-icon + h3 {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .serenity-step p {
  color: #ede0b0 !important;
}
body[data-theme="foret-or"] .kintsugi-text h2,
body[data-theme="foret-or"] .kintsugi-text h2 em {
  color: #e0c478 !important;
  background: none !important;
  -webkit-text-fill-color: #e0c478 !important;
}
body[data-theme="foret-or"] .kintsugi-text p {
  color: #ede0b0 !important;
}
body[data-theme="foret-or"] .kintsugi-text p strong {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .kintsugi-quote {
  color: #e0c478 !important;
  border-left-color: #c19a3e !important;
  background: rgba(193, 154, 62, 0.06);
}
body[data-theme="foret-or"] .kintsugi-list li {
  color: #ede0b0 !important;
}

/* ====== SECTIONS CLAIRES : crème ivoire pur ====== */
body[data-theme="foret-or"] .about,
body[data-theme="foret-or"] .methode,
body[data-theme="foret-or"] .soins,
body[data-theme="foret-or"] .events,
body[data-theme="foret-or"] .testimonials,
body[data-theme="foret-or"] .water,
body[data-theme="foret-or"] .histoire,
body[data-theme="foret-or"] section[id="pour-qui"] {
  background: linear-gradient(180deg, #f5f5ee 0%, #e6e8d8 100%) !important;
  background-color: #f5f5ee !important;
}

/* ====== CARDS : BOIS LÉGENDAIRE wood-light-premium (selon demande Maha) ====== */
body[data-theme="foret-or"] .soin-card,
body[data-theme="foret-or"] .axe-card,
body[data-theme="foret-or"] .pq-card,
body[data-theme="foret-or"] .testi-card,
body[data-theme="foret-or"] .event-card,
body[data-theme="foret-or"] .histoire-card,
body[data-theme="foret-or"] .bio-card {
  background-image: url('https://www.giri-app.com/css/textures/wood-light-premium.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: transparent !important;
  border: 1px solid rgba(149, 117, 39, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(149, 117, 39, 0.20),
    0 6px 20px rgba(50, 30, 8, 0.30),
    0 14px 40px rgba(30, 18, 0, 0.25),
    inset 0 1px 0 rgba(255, 240, 190, 0.55) !important;
  backdrop-filter: none !important;
}
body[data-theme="foret-or"] .soin-card:hover,
body[data-theme="foret-or"] .axe-card:hover,
body[data-theme="foret-or"] .pq-card:hover,
body[data-theme="foret-or"] .testi-card:hover,
body[data-theme="foret-or"] .event-card:hover {
  box-shadow:
    0 0 0 1px rgba(193, 154, 62, 0.35),
    0 12px 32px rgba(50, 30, 8, 0.45),
    0 22px 60px rgba(30, 18, 0, 0.32),
    inset 0 1px 0 rgba(255, 248, 200, 0.65) !important;
  border-color: rgba(193, 154, 62, 0.65) !important;
}

/* Texte sur cards bois : sombre lisible */
body[data-theme="foret-or"] .soin-card h3,
body[data-theme="foret-or"] .axe-card h3,
body[data-theme="foret-or"] .pq-card h3,
body[data-theme="foret-or"] .testi-card .author,
body[data-theme="foret-or"] .histoire-card h3,
body[data-theme="foret-or"] .bio-card h4 {
  color: #2A1200 !important;
  -webkit-text-fill-color: #2A1200 !important;
  background: none !important;
  text-shadow: 0 1px 0 rgba(255, 238, 180, 0.55) !important;
}
body[data-theme="foret-or"] .soin-card p,
body[data-theme="foret-or"] .axe-card p,
body[data-theme="foret-or"] .pq-card p,
body[data-theme="foret-or"] .testi-card p,
body[data-theme="foret-or"] .histoire-card p,
body[data-theme="foret-or"] .bio-card p {
  color: #4a2a10 !important;
  -webkit-text-fill-color: #4a2a10 !important;
}
body[data-theme="foret-or"] .testi-card .stars {
  color: #957527 !important;
}
body[data-theme="foret-or"] .soin-card .price .amount {
  color: #5C2208 !important;
}
body[data-theme="foret-or"] .pq-card .pq-promise {
  color: #2A1200 !important;
  border-left-color: #957527 !important;
}
body[data-theme="foret-or"] .axe-card .axe-num {
  -webkit-text-fill-color: initial !important;
  background: none !important;
  color: #5C2208 !important;
}
body[data-theme="foret-or"] .axe-card .axe-tag,
body[data-theme="foret-or"] .soin-card .badge,
body[data-theme="foret-or"] .pq-card .badge,
body[data-theme="foret-or"] .histoire-card .histoire-tag {
  color: #5C2208 !important;
}

/* ====== BOUTONS : gravure bois légendaire ====== */
body[data-theme="foret-or"] .btn-gold,
body[data-theme="foret-or"] .nav-cta {
  background-image: url('https://www.giri-app.com/css/textures/wood-light-premium.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: transparent !important;
  color: #2A1200 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(170, 118, 35, 0.65) !important;
  box-shadow:
    0 3px 14px rgba(60, 25, 5, 0.40),
    inset 0 1px 0 rgba(255, 245, 195, 0.55),
    inset 0 -1px 0 rgba(0, 0, 0, 0.16) !important;
  text-shadow: 0 1px 0 rgba(255, 242, 188, 0.55) !important;
}
body[data-theme="foret-or"] .btn-gold:hover,
body[data-theme="foret-or"] .nav-cta:hover {
  filter: brightness(1.08) !important;
  box-shadow:
    0 6px 22px rgba(80, 35, 5, 0.55),
    inset 0 1px 0 rgba(255, 248, 200, 0.68) !important;
  transform: translateY(-2px) !important;
}
body[data-theme="foret-or"] .btn-outline {
  color: #e0c478 !important;
  border-color: #c19a3e !important;
  background: transparent !important;
}
body[data-theme="foret-or"] .btn-outline:hover {
  background: rgba(193, 154, 62, 0.15) !important;
  color: #ede0b0 !important;
}

/* ====== TOPBAR / NAV — propre et lisible ====== */
body[data-theme="foret-or"] .nav {
  background: rgba(13, 24, 16, 0) !important;
}
body[data-theme="foret-or"] .nav.scrolled {
  background: rgba(13, 24, 16, 0.94) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(193, 154, 62, 0.20) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}
body[data-theme="foret-or"] .nav-brand {
  color: #e0c478 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
body[data-theme="foret-or"] .nav-brand .logo-mark {
  border-color: #c19a3e !important;
  color: #c19a3e !important;
}
body[data-theme="foret-or"] .nav-links a {
  color: #f5f5ee !important;
  opacity: 0.90;
}
body[data-theme="foret-or"] .nav-links a:hover {
  color: #e0c478 !important;
  opacity: 1;
}
body[data-theme="foret-or"] .nav-links a::after {
  background: #c19a3e !important;
}

/* ====== EYEBROWS · DIVIDERS · TITRES ====== */
body[data-theme="foret-or"] .section-eyebrow,
body[data-theme="foret-or"] .feedback-eyebrow {
  color: #957527 !important;
}
body[data-theme="foret-or"] section[id="pour-qui"] .section-eyebrow,
body[data-theme="foret-or"] .about .section-eyebrow,
body[data-theme="foret-or"] .methode .section-eyebrow,
body[data-theme="foret-or"] .soins .section-eyebrow,
body[data-theme="foret-or"] .events .section-eyebrow,
body[data-theme="foret-or"] .testimonials .section-eyebrow,
body[data-theme="foret-or"] .water .section-eyebrow,
body[data-theme="foret-or"] .histoire .section-eyebrow {
  color: #957527 !important;
}
body[data-theme="foret-or"] .quote-section .section-eyebrow,
body[data-theme="foret-or"] .cercle-feature .section-eyebrow,
body[data-theme="foret-or"] .cercle-feature .pre,
body[data-theme="foret-or"] .contact .section-eyebrow,
body[data-theme="foret-or"] .serenity-test .serenity-eyebrow,
body[data-theme="foret-or"] .kintsugi-feature .label {
  color: #c19a3e !important;
}

body[data-theme="foret-or"] .section-title,
body[data-theme="foret-or"] .about h2,
body[data-theme="foret-or"] .methode h2,
body[data-theme="foret-or"] .soins h2,
body[data-theme="foret-or"] .events h2,
body[data-theme="foret-or"] .testimonials h2,
body[data-theme="foret-or"] .water h2,
body[data-theme="foret-or"] .histoire h2,
body[data-theme="foret-or"] section[id="pour-qui"] h2 {
  color: #1f2e25 !important;
}
body[data-theme="foret-or"] .section-title em,
body[data-theme="foret-or"] .about h2 em,
body[data-theme="foret-or"] .methode h2 em,
body[data-theme="foret-or"] .soins h2 em,
body[data-theme="foret-or"] .events h2 em,
body[data-theme="foret-or"] .histoire h2 em,
body[data-theme="foret-or"] section[id="pour-qui"] h2 em {
  background: linear-gradient(135deg, #957527, #c19a3e, #957527) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-theme="foret-or"] .section-sub {
  color: #5d6b58 !important;
}
body[data-theme="foret-or"] .quote-section .section-title,
body[data-theme="foret-or"] .cercle-feature h2,
body[data-theme="foret-or"] .contact h2,
body[data-theme="foret-or"] .serenity-test h2 {
  color: #f5f5ee !important;
}

body[data-theme="foret-or"] .divider,
body[data-theme="foret-or"] .divider-ornate .line {
  background: linear-gradient(90deg, transparent, #957527, #c19a3e, #957527, transparent) !important;
  height: 1.5px !important;
}

/* ====== ORBS méthode ====== */
body[data-theme="foret-or"] .axe-orb,
body[data-theme="foret-or"] .histoire-marker {
  background: radial-gradient(circle at 30% 30%, #ede0b0, #c19a3e) !important;
  border: 2px solid #957527 !important;
  box-shadow:
    0 8px 24px rgba(149, 117, 39, 0.40),
    inset 0 -3px 8px rgba(74, 56, 12, 0.15),
    inset 0 3px 8px rgba(255, 255, 255, 0.5) !important;
}
body[data-theme="foret-or"] .axe-roman,
body[data-theme="foret-or"] .marker-num {
  color: #2A1200 !important;
  -webkit-text-fill-color: #2A1200 !important;
  background: none !important;
  text-shadow: 0 1px 0 rgba(255, 245, 195, 0.4);
}

/* ====== TIMELINE Cercle d'Or : vert émeraude profond + filets or ====== */
body[data-theme="foret-or"] .timeline-divine {
  background: linear-gradient(180deg, rgba(42, 69, 48, 0.7), rgba(26, 46, 31, 0.85)) !important;
  background-image: none !important;
  border: 1px solid rgba(193, 154, 62, 0.45) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 245, 195, 0.10) !important;
  backdrop-filter: blur(16px) !important;
}
body[data-theme="foret-or"] .ti-lbl,
body[data-theme="foret-or"] .program-label {
  color: #c19a3e !important;
}
body[data-theme="foret-or"] .ti-val {
  color: #f5f5ee !important;
}
body[data-theme="foret-or"] .ti-sub {
  color: #ede0b0 !important;
}
body[data-theme="foret-or"] .ti-divider {
  background: linear-gradient(180deg, transparent, rgba(193, 154, 62, 0.4), transparent) !important;
}
body[data-theme="foret-or"] .ti-price .ti-amount {
  background: linear-gradient(135deg, #ede0b0, #c19a3e, #957527) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-theme="foret-or"] .program-tags span {
  background: rgba(193, 154, 62, 0.10) !important;
  border-color: rgba(193, 154, 62, 0.35) !important;
  color: #ede0b0 !important;
}
body[data-theme="foret-or"] .program-tags span.hl {
  background: linear-gradient(135deg, rgba(193, 154, 62, 0.25), rgba(149, 117, 39, 0.15)) !important;
  border-color: #c19a3e !important;
  color: #f5f5ee !important;
}

/* ====== DEVI WATER : EAU CRISTALLINE BLEUE (sanctuarisé Mélanie 08/05/2026) ======
   Mélanie : "pour la partie devi water on garde en bleu quoi qu'il arrive"
   → BLEU GLACIER + ARGENT + BLANC NACRÉ peu importe le thème actif */
body[data-theme="foret-or"] .water {
  background: linear-gradient(180deg, #f0f3fa 0%, #e8eaf3 100%) !important;
}
body[data-theme="foret-or"] .water-card {
  background-image: none !important;
  background: linear-gradient(135deg, #1a3a5c 0%, #0d2540 100%) !important;
  border: 1px solid rgba(138, 175, 199, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(74, 123, 159, 0.25),
    0 18px 48px rgba(13, 37, 64, 0.45),
    inset 0 1px 0 rgba(197, 216, 230, 0.20) !important;
}
body[data-theme="foret-or"] .water-card::before {
  background: radial-gradient(circle at center, rgba(138, 175, 199, 0.18) 0%, transparent 65%) !important;
}
body[data-theme="foret-or"] .water-card h3 {
  color: #c5d8e6 !important;
  -webkit-text-fill-color: #c5d8e6 !important;
  background: none !important;
}
body[data-theme="foret-or"] .water-card .tag {
  color: #8aafc7 !important;
}
body[data-theme="foret-or"] .water-product {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(138, 175, 199, 0.40) !important;
}
body[data-theme="foret-or"] .water-product:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: #8aafc7 !important;
}
body[data-theme="foret-or"] .water-product .pname {
  color: #f5fafd !important;
}
body[data-theme="foret-or"] .water-product .price {
  color: #c5d8e6 !important;
  background: none !important;
  -webkit-text-fill-color: #c5d8e6 !important;
}
body[data-theme="foret-or"] .water-text h2 {
  color: #1a3a5c !important;
  -webkit-text-fill-color: #1a3a5c !important;
  background: none !important;
}
body[data-theme="foret-or"] .water-text h2 em {
  color: #5d8aa8 !important;
  -webkit-text-fill-color: #5d8aa8 !important;
  background: none !important;
}
body[data-theme="foret-or"] .water-text .label {
  color: #5d8aa8 !important;
}
body[data-theme="foret-or"] .water-text .quote {
  color: #1a3a5c !important;
  border-left-color: #4a7b9f !important;
  background: rgba(74, 123, 159, 0.06);
  padding: 12px 22px;
}
body[data-theme="foret-or"] .water-text p {
  color: #2a3a4a !important;
}
body[data-theme="foret-or"] .water-text p strong {
  color: #1a3a5c !important;
}
body[data-theme="foret-or"] .water .section-eyebrow {
  color: #4a7b9f !important;
}
body[data-theme="foret-or"] .water .section-title {
  color: #1a3a5c !important;
}
body[data-theme="foret-or"] .water .section-title em {
  background: linear-gradient(135deg, #4a7b9f, #8aafc7, #4a7b9f) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-theme="foret-or"] .water .divider {
  background: linear-gradient(90deg, transparent, #4a7b9f, #8aafc7, #4a7b9f, transparent) !important;
}

/* ====== FORM ====== */
body[data-theme="foret-or"] .form-card {
  background: rgba(245, 245, 238, 0.06) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(193, 154, 62, 0.30) !important;
}
body[data-theme="foret-or"] .form-row label {
  color: #c19a3e !important;
}
body[data-theme="foret-or"] .form-row input,
body[data-theme="foret-or"] .form-row textarea,
body[data-theme="foret-or"] .form-row select {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5ee !important;
  border: 1px solid rgba(193, 154, 62, 0.30) !important;
}
body[data-theme="foret-or"] .form-row input::placeholder,
body[data-theme="foret-or"] .form-row textarea::placeholder {
  color: rgba(237, 224, 176, 0.4) !important;
}
body[data-theme="foret-or"] .form-row input:focus,
body[data-theme="foret-or"] .form-row textarea:focus {
  border-color: #c19a3e !important;
  background: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 0 0 3px rgba(193, 154, 62, 0.18) !important;
}

/* ====== FOOTER : bois légendaire wood-medium repeat ====== */
body[data-theme="foret-or"] footer {
  background:
    linear-gradient(180deg, rgba(20, 30, 18, 0.92), rgba(8, 16, 8, 0.95)),
    url('https://www.giri-app.com/css/textures/wood-medium.jpg') !important;
  background-size: 400px auto !important;
  background-repeat: repeat !important;
}

/* ====== DISCLAIMER ====== */
body[data-theme="foret-or"] .disclaimer {
  background: rgba(230, 232, 216, 0.95) !important;
  color: #5d6b58 !important;
}

/* ====== PARTICULES ====== */
body[data-theme="foret-or"] #particles-bg {
  opacity: 0.55 !important;
}

/* ====== SCROLLBAR ====== */
body[data-theme="foret-or"] {
  scrollbar-color: #c19a3e rgba(13, 24, 16, 0.6);
  scrollbar-width: thin;
}
body[data-theme="foret-or"]::-webkit-scrollbar { width: 8px; }
body[data-theme="foret-or"]::-webkit-scrollbar-track { background: rgba(13, 24, 16, 0.6); }
body[data-theme="foret-or"]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #e0c478 0%, #c19a3e 50%, #957527 100%);
  border-radius: 4px;
}

/* ============ THÈME ARGENT CÉLESTE (Malika — or · argent · beige) ============ */
body[data-theme="argent-celeste"] {
  --gold: #B89968;
  --gold-deep: #6B5328;
  --gold-light: #D4B16A;
  --gold-soft: #E8C988;
  --silver: #C9C2D1;
  --silver-light: #E5E0EB;
  --silver-deep: #8A8395;
  --night: #2B1F26;
  --night-2: #3A2E36;
  --cobalt: #8A8395;
  --cobalt-light: #C9C2D1;
  --cream: #F5EFE0;
  --cream-2: #FBF7EE;
  --beige: #F2EDDF;
  --rose: #B89968;
  --emerald: #8A8395;
  --text: #2B1F26;
  --muted: #5C5160;
  --particle-color: 201, 194, 209;
  --particle-bg-overlay: rgba(245,239,224,0.5);
}
body[data-theme="argent-celeste"] .hero {
  background:
    radial-gradient(ellipse at 50% 25%, rgba(212, 177, 106, 0.32) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 80%, rgba(201, 194, 209, 0.30) 0%, transparent 60%),
    radial-gradient(ellipse at 25% 70%, rgba(232, 201, 136, 0.22) 0%, transparent 60%),
    linear-gradient(180deg, #2B1F26 0%, #1F1426 60%, #2B1F26 100%);
}
body[data-theme="argent-celeste"] .hero h1 em {
  color: var(--gold-light);
  text-shadow: 0 0 24px rgba(212, 177, 106, 0.35), 0 0 8px rgba(201, 194, 209, 0.4);
}
body[data-theme="argent-celeste"] .hero-words {
  color: var(--silver) !important;
}
body[data-theme="argent-celeste"] .quote-section,
body[data-theme="argent-celeste"] .cercle-feature,
body[data-theme="argent-celeste"] .contact {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(212, 177, 106, 0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 90%, rgba(201, 194, 209, 0.20) 0%, transparent 60%),
    linear-gradient(180deg, #2B1F26 0%, #1F1426 60%, #2B1F26 100%);
}
body[data-theme="argent-celeste"] footer {
  background: linear-gradient(180deg, #1F1426 0%, #2B1F26 100%);
}
body[data-theme="argent-celeste"] .nav.scrolled {
  background: rgba(43, 31, 38, 0.92);
  backdrop-filter: blur(16px);
}
body[data-theme="argent-celeste"] .water-card,
body[data-theme="argent-celeste"] .kintsugi-feature {
  border-color: rgba(201, 194, 209, 0.28);
  box-shadow: 0 12px 40px rgba(43, 31, 38, 0.30), 0 0 0 1px rgba(212, 177, 106, 0.10);
}
body[data-theme="argent-celeste"] .soin-card .badge,
body[data-theme="argent-celeste"] .axe-tag,
body[data-theme="argent-celeste"] .histoire-tag {
  background: linear-gradient(135deg, var(--silver) 0%, var(--gold-light) 100%);
  color: var(--night);
}
body[data-theme="argent-celeste"] a {
  color: var(--gold-light);
}
body[data-theme="argent-celeste"] a:hover {
  color: var(--silver);
}
body[data-theme="argent-celeste"] ::selection {
  background: var(--silver);
  color: var(--night);
}