/* EnergIng Conseils SA – variante claire « hybride » (charte 2026)
   Registre éditorial (sombre, vert kombu) pour les en-têtes de page, l'appel final et le pied de page ;
   registre technique (blanc, cartes vert teinté) pour le contenu. Chargée après site.css, active si <html class="theme-clair">. */

.theme-clair{
  --bg:#FFFFFF; --bg2:#EEF2EC; --carte:#F4F6F2; --carte2:#EEF2EC;
  --bord:#D0D5D2; --bord2:#546E4D;
  --txt:#363844; --txt2:#524C4B; --txt3:#6B6E66;
  --accent:#546E4D;
}
/* Sections éditoriales : vert kombu, texte ivoire */
.theme-clair .heros,.theme-clair .heros-page,.theme-clair .appel,.theme-clair footer{
  --bg:#384935; --bg2:#2F3E2D; --carte:rgba(249,247,231,.07); --carte2:rgba(249,247,231,.12);
  --bord:rgba(249,247,231,.18); --bord2:rgba(199,221,186,.6);
  --txt:#F9F7E7; --txt2:#DCE3D6; --txt3:#BFC9B9; --accent:#C7DDBA;
  background:var(--bg); color:var(--txt);
}
/* Le calculateur, même placé dans un en-tête sombre, reste une carte claire */
.theme-clair .heros .config,.theme-clair .heros-page .config{
  --bg:#FFFFFF; --carte:#F4F6F2; --carte2:#EEF2EC; --bord:#D0D5D2; --bord2:#546E4D;
  --txt:#363844; --txt2:#524C4B; --txt3:#6B6E66; --accent:#546E4D;
  background:#FFFFFF; color:var(--txt); box-shadow:0 24px 60px rgba(17,22,15,.28);
}
.theme-clair body{background:#FFFFFF}
.theme-clair header{background:rgba(255,255,255,.92);border-bottom-color:#D0D5D2}
.theme-clair .menu a{color:#524C4B}
.theme-clair .menu a:hover,.theme-clair .menu a.actif{color:#384935}
.theme-clair .burger span{background:#384935}
@media (max-width:1180px){.theme-clair .menu{background:#FFFFFF}}

/* Boutons : vert kombu plein, ivoire ; fantôme bordé */
.theme-clair .btn-accent{background:#384935;color:#F9F7E7}
.theme-clair .btn-accent:hover{background:#546E4D;color:#F9F7E7}
.theme-clair .menu .btn,.theme-clair .menu .btn:hover{color:#F9F7E7}
.theme-clair .heros .btn-accent,.theme-clair .heros-page .btn-accent,.theme-clair .appel .btn-accent{background:#F9F7E7;color:#384935}
.theme-clair .heros .config .btn-accent,.theme-clair .heros-page .config .btn-accent{background:#384935;color:#F9F7E7}
.theme-clair .btn-ghost{background:transparent}

/* Cartes « verre » : vert teinté, sans effet de flou */
.theme-clair .verre{background:var(--carte);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-clair .config{background:#FFFFFF;border:1px solid #D0D5D2}
.theme-clair .config::before{display:none}
.theme-clair .carte .ico,.theme-clair .opt.on,.theme-clair .jour.on,.theme-clair .merci .rond{background:#EEF2EC}
.theme-clair .tarif.vedette{background:#EEF2EC;border:1px solid #546E4D}
.theme-clair .carte.vedette{background:linear-gradient(135deg,#EEF2EC,#F9F7E7)}
.theme-clair .confiance{background:#EEF2EC;border-color:#D0D5D2}
.theme-clair .confiance b{color:#384935}

/* Formulaires et encadrés */
.theme-clair .champ input,.theme-clair .champ select,.theme-clair .champ textarea{background:#FFFFFF;border-color:#C3CAC5}
.theme-clair .prix-box{background:#EEF2EC;border-color:#546E4D}
.theme-clair .recap-mini,.theme-clair .conditions{background:#F4F6F2;border-color:#D0D5D2}
.theme-clair .erreur{color:#A3361F}
.theme-clair .question{background:#F4F6F2}
.theme-clair .barre-mobile .btn{box-shadow:0 8px 24px rgba(17,22,15,.18)}
.theme-clair .barre-mobile .btn-ghost{background:#FFFFFF;border-color:#C3CAC5;color:#363844}

/* Décors de fond des en-têtes, adaptés au kombu */
.theme-clair .heros::before,.theme-clair .heros-page::before,.theme-clair .appel::before{background:radial-gradient(circle,rgba(159,194,143,.28),transparent 65%)}
.theme-clair .etiquette i{background:#C7DDBA}
.theme-clair .heros .config .etiquette i{background:#546E4D}

/* Pages Merci / Paiement non abouti : carte claire avec marges intérieures */
.theme-clair .heros-page .config.merci{padding:36px 32px}