/* ══════════════════════════════════════════════════════════════
   MÂWA · Accueil · MODE NUIT (html[data-theme="dark"])
   Reprend la palette violette d'origine (fond #552F84, titres crème,
   accents or, cartes violettes translucides, zones crème conservées)
   sur la structure et les animations de la refonte claire.
   Chargé après mawa-index-light.css.
   ══════════════════════════════════════════════════════════════ */

/* ── Bouton soleil / lune (les deux thèmes) ── */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid rgba(85,47,132,.22);color:var(--violet);
  cursor:pointer;margin-right:.35rem;padding:0;
  transition:transform .3s var(--spring),background .25s,border-color .25s,color .25s;
}
.theme-toggle:hover{transform:rotate(-18deg) scale(1.06);border-color:var(--or);color:var(--or-texte);}
.theme-toggle svg{display:block;}
.theme-toggle .ico-sun{display:none;}
html[data-theme="dark"] .theme-toggle .ico-sun{display:block;}
html[data-theme="dark"] .theme-toggle .ico-moon{display:none;}
html[data-theme="dark"] .theme-toggle{background:rgba(255,255,255,.06);border-color:rgba(225,167,48,.4);color:var(--or);}
html[data-theme="dark"] .theme-toggle:hover{border-color:var(--or-light);color:var(--or-light);}
nav.nav-open .theme-toggle{position:relative;z-index:100;}

/* Transition douce lors du basculement */
html.theme-switching,html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{
  transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease !important;
}

/* ═══════════════════ MODE NUIT ═══════════════════ */
html[data-theme="dark"]{
  --bg-body:#552F84;
  --on:rgba(255,255,255,.95);
  --on-soft:rgba(255,255,255,.86);
  --on-muted:rgba(255,255,255,.72);
  --on-faint:rgba(255,255,255,.62);
  --card:rgba(61,31,101,.45);
  --card-dark:rgba(0,0,0,.2);
  --card-border:rgba(225,167,48,.22);
  --card-border-hover:rgba(225,167,48,.4);
  --shadow-sm:0 4px 14px rgba(0,0,0,.18);
  --shadow-md:0 14px 34px rgba(0,0,0,.28);
  --shadow-lg:0 28px 64px rgba(0,0,0,.38);
  --texte-titre:var(--on);
  --bg-nav:rgba(85,47,132,.97);
  --nav-border:rgba(225,167,48,.12);
}
html[data-theme="dark"] body{background:var(--bg-body);color:var(--on-soft);}
html[data-theme="dark"] ::selection{background:rgba(225,167,48,.45);color:#1F1A2E;}

/* Décor */
html[data-theme="dark"] .calli-svg text{fill:#E1A730 !important;opacity:.035 !important;}
html[data-theme="dark"] .star{opacity:.35;}
html[data-theme="dark"] .hero-bg::before{opacity:.14;filter:invert(1) brightness(1.4);}
html[data-theme="dark"] .blob-1{background:radial-gradient(circle,rgba(225,167,48,.28),rgba(225,167,48,0) 68%);}
html[data-theme="dark"] .blob-2{background:radial-gradient(circle,rgba(240,201,108,.14),rgba(240,201,108,0) 68%);}
html[data-theme="dark"] .blob-3{background:radial-gradient(circle,rgba(105,64,165,.6),rgba(105,64,165,0) 70%);}
html[data-theme="dark"] .adhan-btn{background:rgba(85,47,132,.92);border-color:rgba(225,167,48,.45);color:var(--or);box-shadow:0 10px 30px rgba(0,0,0,.3);}

/* Navigation */
html[data-theme="dark"] nav{background:var(--bg-nav);border-bottom-color:var(--nav-border);}
html[data-theme="dark"] nav.scrolled{background:rgba(61,31,101,.97);box-shadow:0 8px 30px rgba(0,0,0,.3);}
html[data-theme="dark"] .nav-brand{color:var(--or);}
html[data-theme="dark"] .nav-links a{color:var(--on-muted);}
html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .nav-links a.active{color:var(--or);}
html[data-theme="dark"] .nav-ig{color:var(--on-muted);}
html[data-theme="dark"] .nav-ig:hover{color:var(--or);}
html[data-theme="dark"] .nav-cta{background:var(--or);color:var(--violet);border-color:var(--or);}
html[data-theme="dark"] .nav-cta:hover{background:var(--or-light);}
html[data-theme="dark"] .nav-cta--ghost{background:transparent;color:var(--or);border-color:rgba(225,167,48,.45);}
html[data-theme="dark"] .nav-cta--ghost:hover{background:var(--or);color:var(--violet);border-color:var(--or);}
html[data-theme="dark"] nav .lang-toggle{background:transparent;border-color:rgba(225,167,48,.35);}
html[data-theme="dark"] nav .lang-btn{color:var(--on-faint);}
html[data-theme="dark"] nav .lang-btn:hover{color:var(--on);}
html[data-theme="dark"] nav .lang-btn.active{background:rgba(225,167,48,.22);color:var(--or);}
html[data-theme="dark"] .nav-burger span{background:var(--or);}
html[data-theme="dark"] nav.nav-open{background:rgba(28,16,40,.97);}
html[data-theme="dark"] nav.nav-open .nav-links{background:linear-gradient(180deg,rgba(28,16,40,.99),#3D1F65);}
html[data-theme="dark"] nav.nav-open .nav-links a{color:var(--on);}

/* Boutons */
html[data-theme="dark"] .btn-primary{background:var(--or);color:var(--violet);border-color:var(--or);box-shadow:0 10px 26px rgba(0,0,0,.28);}
html[data-theme="dark"] .btn-primary:hover{background:var(--or-light);}
html[data-theme="dark"] .btn-ghost{background:transparent;color:var(--or);border-color:rgba(225,167,48,.4);}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(225,167,48,.1);border-color:var(--or);color:var(--or-light);}
html[data-theme="dark"] .btn-or{color:var(--violet-deep);}
html[data-theme="dark"] .bc-btn,html[data-theme="dark"] .bc-interest-btn{background:transparent;border-color:rgba(225,167,48,.35);color:var(--or);}
html[data-theme="dark"] .bc-btn:hover,html[data-theme="dark"] .bc-interest-btn:hover{background:var(--or);color:var(--violet);border-color:var(--or);box-shadow:0 10px 24px rgba(0,0,0,.25);}
html[data-theme="dark"] .alqalb-panel-cta{background:var(--or);color:var(--violet);}

/* Titres & textes communs */
html[data-theme="dark"] .section-label{color:var(--or);}
html[data-theme="dark"] .section-title{color:var(--on);}
html[data-theme="dark"] .lead-text,html[data-theme="dark"] .lead-italic{color:rgba(255,255,255,.9);}
html[data-theme="dark"] .scroll-cue{color:var(--on-faint);}
html[data-theme="dark"] .scroll-cue span:last-child{border-color:rgba(225,167,48,.4);}

/* Hero */
html[data-theme="dark"] .hero{background:none;}
html[data-theme="dark"] .hero-eyebrow{color:var(--or);}
html[data-theme="dark"] .hero-eyebrow::before,html[data-theme="dark"] .hero-eyebrow::after{background:var(--or-dim);}
html[data-theme="dark"] .hero-title{color:var(--on);}
html[data-theme="dark"] .hero-title em{color:var(--or);}
html[data-theme="dark"] .hero-title em::after{background:linear-gradient(90deg,rgba(225,167,48,.2),rgba(240,201,108,.35));}
html[data-theme="dark"] .hero-sub{color:rgba(255,255,255,.92);}
html[data-theme="dark"] .hero-logo-img{filter:drop-shadow(0 22px 40px rgba(0,0,0,.4));}
html[data-theme="dark"] .hero-chip{background:rgba(255,255,255,.06);border-color:rgba(225,167,48,.22);color:var(--on);box-shadow:none;}

/* Bandeau cohorte : reste crème (comme à l'origine) */

/* Mission */
html[data-theme="dark"] .pourquoi{background:transparent;}
html[data-theme="dark"] .douleur-quote{color:var(--on);border-left-color:var(--or);}
html[data-theme="dark"] .douleur-list li{background:var(--card-dark);border-color:var(--card-border);color:rgba(255,255,255,.9);}
html[data-theme="dark"] .douleur-list li:hover{background:var(--card);border-color:var(--card-border-hover);box-shadow:var(--shadow-sm);}

/* Al-Qalb */
html[data-theme="dark"] .gif-section{background:rgba(0,0,0,.12);box-shadow:none;}
html[data-theme="dark"] .gif-wrap{background:rgba(61,31,101,.45);border-color:rgba(225,167,48,.28);box-shadow:0 24px 60px rgba(0,0,0,.35);}
html[data-theme="dark"] .gif-wrap:hover{border-color:rgba(225,167,48,.55);}
html[data-theme="dark"] .gif-caption{color:rgba(255,255,255,.75);}
html[data-theme="dark"] .alqalb-panel-sublabel{color:rgba(225,167,48,.5);}

/* Chiffres : la bande crème est conservée telle quelle (comme à l'origine) */
html[data-theme="dark"] .chiffres{background:var(--ivoire);}

/* Bootcamps */
html[data-theme="dark"] .bootcamps{background:var(--card-dark);}
html[data-theme="dark"] .bootcamp-card{background:var(--card);border-color:var(--card-border);box-shadow:none;}
html[data-theme="dark"] .bootcamp-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);background:rgba(85,47,132,.3);}
html[data-theme="dark"] .bootcamp-card::after{background:radial-gradient(360px circle at var(--mx) var(--my),rgba(225,167,48,.16),transparent 60%);}
html[data-theme="dark"] .bc-name{color:var(--or);}
html[data-theme="dark"] .bc-duration{color:var(--on-faint);}
html[data-theme="dark"] .bc-why{color:rgba(255,255,255,.86);}
html[data-theme="dark"] .bc-why strong{color:var(--or) !important;}
html[data-theme="dark"] .bc-why em{color:rgba(255,255,255,.78) !important;}
html[data-theme="dark"] .bc-price{color:var(--or);}
html[data-theme="dark"] .bc-price-label,html[data-theme="dark"] .bc-note{color:var(--on-faint);}
html[data-theme="dark"] .bc-classe{background:rgba(225,167,48,.07);border-color:rgba(225,167,48,.18);}
html[data-theme="dark"] .bc-classe-label{color:var(--or);}
html[data-theme="dark"] .bc-classe-item{color:rgba(255,255,255,.9);}
html[data-theme="dark"] .bc-classe-ou{color:rgba(225,167,48,.5);}
html[data-theme="dark"] .bc-card--accent{background:rgba(225,167,48,.05);border-color:rgba(225,167,48,.35);}
html[data-theme="dark"] .bc-card--flagship{background:rgba(225,167,48,.08);border-color:var(--or);box-shadow:0 0 0 4px rgba(225,167,48,.1);}
html[data-theme="dark"] .bc-card--flagship .bc-name{color:var(--or-light);}
html[data-theme="dark"] .bc-badge{color:var(--violet-deep);}
html[data-theme="dark"] .bc-card--soon{background:rgba(59,31,94,.25);border-color:rgba(201,165,224,.25);}
html[data-theme="dark"] .bc-card--soon .bc-name{color:rgba(255,255,255,.92);}
html[data-theme="dark"] .bc-card--soon .bc-duration{color:var(--or);}
html[data-theme="dark"] .pill-soon{background:rgba(201,165,224,.1);border-color:rgba(201,165,224,.25);color:rgba(255,255,255,.92);}
html[data-theme="dark"] .pill-or{background:rgba(225,167,48,.12);border-color:rgba(225,167,48,.3);color:var(--or);}
/* « À venir » : bande crème conservée (comme à l'origine) */
html[data-theme="dark"] .bootcamp-avenir-zone{background:var(--ivoire);}

/* Offres (section violette dans les deux thèmes) */
html[data-theme="dark"] .offres{background:transparent;box-shadow:none;}
html[data-theme="dark"] .offre-card{background:var(--card);border-color:var(--card-border);}
html[data-theme="dark"] .offre-card:hover{background:rgba(105,64,165,.45);border-color:var(--card-border-hover);}

/* Professeurs */
html[data-theme="dark"] .oustaz{background:var(--card-dark);}
html[data-theme="dark"] .oustaz-card{background:var(--card);border-color:var(--card-border);box-shadow:none;}
html[data-theme="dark"] .oustaz-card::before{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0));}
html[data-theme="dark"] .oustaz-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);}
html[data-theme="dark"] .oustaz-photo-wrap img.oustaz-photo{border-color:rgba(61,31,101,.9);box-shadow:0 0 0 3px rgba(225,167,48,.5),0 10px 36px rgba(0,0,0,.38);}
html[data-theme="dark"] .oustaz-card:hover img.oustaz-photo{box-shadow:0 0 0 3px var(--or),0 0 0 12px rgba(225,167,48,.14),0 22px 44px rgba(0,0,0,.4);}
html[data-theme="dark"] .oustaz-name{color:var(--or);}
html[data-theme="dark"] .oustaz-title-role{color:var(--on-faint);}
html[data-theme="dark"] .oustaz-tag{background:rgba(225,167,48,.07);border-color:rgba(225,167,48,.18);color:var(--or);}
html[data-theme="dark"] .oustaz-bio{color:rgba(255,255,255,.9);}
html[data-theme="dark"] .oustaz-quote{color:rgba(255,255,255,.92);border-left-color:rgba(225,167,48,.45);}
html[data-theme="dark"] .oustaz-intro{color:rgba(255,255,255,.86);}

/* Témoignages */
html[data-theme="dark"] .temoignages{background:rgba(85,47,132,.2);}
html[data-theme="dark"] .temo-intro{color:rgba(255,255,255,.78);}
html[data-theme="dark"] .temo-video{background:rgba(0,0,0,.25);border-color:rgba(225,167,48,.3);}
html[data-theme="dark"] .temo-video figcaption{color:var(--or);}
html[data-theme="dark"] .temo-card{background:var(--card-dark);border-color:var(--card-border);box-shadow:none;}
html[data-theme="dark"] .temo-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);}
html[data-theme="dark"] .temo-text{color:rgba(255,255,255,.92);}
html[data-theme="dark"] .temo-author{color:var(--or);}

/* Rejoindre */
html[data-theme="dark"] .rejoindre{background:transparent;}
html[data-theme="dark"] .rejoindre-lead{color:rgba(255,255,255,.9);}
html[data-theme="dark"] .whatsapp-box{background:rgba(37,211,102,.05);border-color:rgba(37,211,102,.22);box-shadow:none;}
html[data-theme="dark"] .wa-label{color:rgba(255,255,255,.9);}
html[data-theme="dark"] .whatsapp-num{color:#25D366;}
html[data-theme="dark"] .wa-text{color:rgba(255,255,255,.9);}

/* Fondatrice et footer : déjà violets dans le thème clair */
html[data-theme="dark"] footer{background:linear-gradient(180deg,rgba(85,47,132,.08) 0%,rgba(61,31,101,.6) 100%);border-top-color:rgba(225,167,48,.3);}

/* Mobile */
@media(max-width:768px){
  .theme-toggle{width:34px;height:34px;margin-right:0;}
  .theme-toggle svg{width:16px;height:16px;}
}

/* ── Bande crème « à venir » : cartes claires comme à l'origine (noms violets, texte sombre) ── */
html[data-theme="dark"] .bootcamp-avenir-zone .bootcamp-card{background:transparent;border-color:rgba(61,31,101,.14);box-shadow:none;}
html[data-theme="dark"] .bootcamp-avenir-zone .bootcamp-card:hover{background:rgba(255,255,255,.75);border-color:rgba(85,47,132,.3);box-shadow:var(--shadow-sm);}
html[data-theme="dark"] .bootcamp-avenir-zone .bootcamp-card::after{background:radial-gradient(360px circle at var(--mx) var(--my),rgba(225,167,48,.12),transparent 60%);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-name{color:var(--violet);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-duration{color:rgba(61,31,101,.55);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-why{color:rgba(61,31,101,.8);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-mark{color:var(--or);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-avenir::after{background:rgba(255,255,255,.92);border-color:rgba(184,144,42,.45);color:#5C4818;}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-interest-btn{background:transparent;border-color:rgba(61,31,101,.3);color:var(--violet);}
html[data-theme="dark"] .bootcamp-avenir-zone .bc-interest-btn:hover{background:var(--violet);color:var(--or);border-color:var(--violet);}