/* TabacStop-Hypnose : charte Wake-Up! (pages.css) déclinée en vert. Boutons d'action « Je… » en terracotta, comme sur wake-up.lu. */
:root{
  --vert:#4E7F23; --vert-fonce:#35591A; --vert-vif:#6BB34A; --vert-soft:#E9F2DF;
  --beige:#F7F5ED; --line:#E3E1CF;
}
body{--c:var(--vert)}
.rainbow{background:linear-gradient(90deg,#35591A,#4E7F23,#6BB34A,#9CC46B,#6BB34A,#4E7F23)}
.btn{background:var(--orange);border-color:var(--orange)}
.btn.ghost{background:transparent;color:var(--orange-dark);border-color:var(--orange)}
a:focus-visible,.btn:focus-visible{outline-color:var(--vert)}
footer a:hover{color:var(--vert)}

.marque{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;color:var(--vert-fonce)}
.marque img{width:52px;height:52px}
.nav a:hover{color:var(--vert)}
@media (max-width:820px){.top .nav{display:none}}
@media (max-width:1100px) and (min-width:821px){.top .nav{display:flex}}
@media (max-width:1100px){.top .btn{margin-left:auto}}
@media (max-width:520px){.top .wrap{flex-wrap:nowrap;gap:10px}.marque{font-size:16px;gap:8px}.marque img{width:40px;height:40px}.top .btn{font-size:14px;padding:8px 12px}}

.citation{margin-top:22px;padding-left:18px;border-left:3px solid var(--vert);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px;color:var(--vert);max-width:46ch}
.hero .lieu{margin-top:10px;font-size:15px;color:var(--grey)}
.art.logo-ts{background:var(--white);border:1px solid var(--line);padding:18px}

.encart{margin-top:20px;padding:16px 20px;border-radius:14px;background:var(--vert-soft);color:var(--vert-fonce);font-family:var(--display);font-size:20px;font-weight:600}
.cadre-prix{border-color:var(--vert)}
.cadre-prix b{color:var(--vert)}
.card .duree{font-size:14px;font-weight:600;color:var(--vert)}
.benefices li::before{color:var(--vert)}

.avant-apres{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
@media (max-width:700px){.avant-apres{grid-template-columns:1fr}}
.avant-apres div{border-radius:16px;padding:18px 20px;background:var(--beige);border:1px solid var(--line)}
.avant-apres div.apres{background:var(--vert-soft);border-color:var(--vert-soft)}
.avant-apres h3{font-size:19px;margin-bottom:8px}
.avant-apres ul{margin:0;padding-left:18px;color:var(--ink)}

.quote .depuis{font-family:var(--display);font-weight:600;color:var(--vert);font-size:14px}

.faq{margin-top:18px;display:grid;gap:10px;max-width:820px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.faq summary{cursor:pointer;font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink)}
.faq summary::marker{color:var(--vert)}
.faq p{margin-top:8px;color:var(--grey)}

.photo{border-bottom-color:var(--vert)}
a.carte{color:var(--vert);font-weight:600;text-decoration:underline}
footer .wrap{grid-template-columns:1.1fr 1.4fr 1fr 1fr 1fr}
@media (max-width:960px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:480px){footer .wrap{grid-template-columns:1fr}}
.callout.vert{background:var(--vert-fonce);color:#F3F7EE}
.callout.vert h3{color:#fff}
.callout.vert p{color:#DDE8D2}

/* Relief (25/10) : cadres vert sapin écrits en blanc */
:root{--sapin:#234A2E;--sapin-texte:#DCE8D6}
.card.sapin,.band.white .card.sapin{background:var(--sapin);border-color:var(--sapin)}
.card.sapin h3{color:#fff}
.card.sapin p{color:var(--sapin-texte)}
.avant-apres div.apres{background:var(--sapin);border-color:var(--sapin);color:#fff}
.avant-apres div.apres h3,.avant-apres div.apres ul{color:#fff}
.perso{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:var(--sapin);color:#fff;border-radius:20px;padding:30px}
@media (max-width:820px){.perso{grid-template-columns:1fr;padding:24px}}
.perso .eyebrow{color:#B9D99A}
.perso h2{color:#fff;margin-top:6px}
.perso p{color:var(--sapin-texte);margin-top:10px}
.perso ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.perso li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;color:#fff}
.perso li b{display:block;font-family:var(--display);font-size:17px;color:#fff}
.perso li span{font-size:14px;color:var(--sapin-texte)}
/* « Après l'accompagnement » : vert tendre des feuilles du logo (25/10) */
:root{--feuille:#A9C64A}
.avant-apres div.apres{background:var(--feuille);border-color:var(--feuille);color:#1E3A1F}
.avant-apres div.apres h3,.avant-apres div.apres ul{color:#1E3A1F}
/* Section Hypnotherap-IA axée sevrage (27/10) */
.hia-tete{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.hia-tete>div:first-child{flex:1 1 520px;min-width:0}
.hia-tete .logo-hia{flex:0 0 auto;width:300px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px}
.hia-tete .logo-hia img{display:block;width:100%;height:auto}
.hia-action{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:22px;background:var(--vert-soft);border-radius:16px;padding:18px 22px}
.hia-action p{flex:1 1 420px;min-width:0;margin:0}
@media (max-width:820px){#seance-chez-soi .grid3{grid-template-columns:1fr}}
/* Section Hypnotherap-IA en tons terracotta, pour la distinguer de l'accompagnement au cabinet (27/10) */
:root{--terra:#B4532F;--terra-fonce:#8E3E21;--terra-soft:#F8E8E0;--terra-moyen:#F0D2C3}
#seance-chez-soi.band{background:var(--terra-soft)}
#seance-chez-soi .eyebrow{color:var(--terra-fonce)}
#seance-chez-soi .card{border-color:var(--terra-moyen)}
#seance-chez-soi .logo-hia{border-color:var(--terra-moyen)}
.card.terra{background:var(--terra);border-color:var(--terra)}
.card.terra h3{color:#fff}
.card.terra p{color:#FBEAE2}
#seance-chez-soi .hia-action{background:var(--terra-moyen)}
#seance-chez-soi .hia-action .btn{background:var(--terra-fonce);border-color:var(--terra-fonce)}

/* Gourde et cartes offertes avec l accompagnement tabac (29/10/2026) */
.cadeau-tabac{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;margin-top:22px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px}
.cadeau-tabac img{display:block;width:100%;height:auto;border-radius:12px}
.cadeau-tabac h3{margin-top:4px}
.cadeau-tabac p{color:var(--grey);margin-top:6px}
@media (max-width:620px){.cadeau-tabac{grid-template-columns:1fr}.cadeau-tabac img{max-width:260px}}