/* Style « apaisé » de la page Meta, choisi par Brahim le 21/10/2026.
   Inspiré de l'ambiance d'une page concurrente qu'il trouve reposante : beaucoup de blanc,
   fonds beige, titres très gras, petits libellés façon machine à écrire, peu de couleurs.
   Chargé par la page Meta (classe « apaise » sur le body). Le vert reste réservé à « Réserver ». */
body.apaise{
  --chaud:#F3EEE6; --ligne:#E6DFD3; --ligne-froide:#ECE7DF;
  --nuit:#111111; --bleu:#2B5BD7; --bleu-clair:#E9EFFD;
  --gris:#4A4A48; --gris-clair:#9A968E;
  --titre:'Chivo','Inter',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --ombre:0 8px 24px rgba(17,17,17,.06);
  color:#111;
}

/* Titres : très gras, en capitales, centrés */
.apaise h1,.apaise h2{font-family:var(--titre);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:#111}
.apaise h1{font-size:clamp(1.9rem,8.2vw,2.6rem);line-height:1.04;margin-top:4px}
.apaise h2{font-size:clamp(1.5rem,6.8vw,2rem);line-height:1.08}
.apaise h1 .bleu,.apaise h2 .bleu{color:var(--bleu)}
.apaise h2 .bleu{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M3 7c40-4 92-5 194-3' fill='none' stroke='%23F5A623' stroke-width='3.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") left bottom/100% .3em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.1em}
.apaise .panneau h2,.apaise .agenda h2{text-transform:none;text-align:left;font-weight:800;letter-spacing:-.01em}
.apaise .panneau h2 .bleu,.apaise .agenda h2 .bleu{background:none}

/* Petits libellés au-dessus des titres : police machine à écrire */
.apaise .sur-titre,.apaise .puce-lieu,.apaise .etape-q{display:block;text-align:center;font-family:var(--mono);font-size:.86rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bleu);background:none;padding:0;margin:6px 0 12px}
.apaise .puce-lieu .ico,.apaise .sur-titre .ico{display:none}
.apaise .chapo,.apaise #r-texte{text-align:center;color:var(--gris);line-height:1.65}

/* Boutons : plats, libellé en capitales */
.apaise .btn{border-radius:10px;font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:.98rem;box-shadow:none}
.apaise .lien{color:#111;text-decoration-color:var(--gris-clair)}
.apaise .reponse{border:0;background:var(--chaud);border-radius:12px;min-height:62px}
.apaise .reponse:hover{background:var(--bleu-clair)}

/* Écran 1 */
.apaise .phrase{background:var(--chaud)!important;color:#111}
.apaise .phrase .g{font-family:var(--titre);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;font-size:1.18rem!important;line-height:1.15}
.apaise #e1 .phrase{padding:16px 14px!important}
.apaise .phrase .g span{color:var(--bleu)}
.apaise .phrase .g span::before{content:"";display:block;width:56px;height:3px;border-radius:3px;background:#F5A623;margin:9px auto}
.apaise .preuve-carte{background:#fff;border:1.5px solid var(--ligne)}
.apaise .preuve-carte .note > b{font-family:var(--titre);font-weight:900}
.apaise .preuve-carte li .rond{background:var(--chaud)}
.apaise .vignettes img{border-radius:16px}

/* Écran 2 : cartes pastel, sans bord */
.apaise .carte3{border-radius:18px;padding:16px}
.apaise .cartes3 .carte3:nth-child(1){background:#E9EFFD}
.apaise .cartes3 .carte3:nth-child(2){background:#FDF3D8}
.apaise .cartes3 .carte3:nth-child(3){background:#E3F2EE}
.apaise .carte3 .rond{border-radius:12px;background:rgba(255,255,255,.8);color:#111}
.apaise .carte3 h3,.apaise .meca .pas h3{font-family:var(--titre);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.apaise .verdict{background:var(--chaud)}
.apaise .verdict .oui{font-weight:900}

/* Écran 3 : étapes à plat, chiffres entourés à la main */
.apaise .meca .pas{border:0!important;background:var(--chaud);border-radius:18px;padding:16px}
.apaise .meca .pas.c{background:var(--bleu-clair)}
.apaise .jauge i{background:#fff}
.apaise .chiffres3 div{background:transparent;padding:6px 2px}
.apaise .chiffres3 b{display:inline-block;font-family:var(--titre);font-weight:900;color:#111;font-size:1.9rem;padding:6px 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' preserveAspectRatio='none'%3E%3Cpath d='M64 5C30 3 5 14 5 31s25 25 57 24 54-10 53-27S86 2 48 8' fill='none' stroke='%23F5A623' stroke-width='2.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.apaise .chiffres3 span{color:var(--gris);font-weight:500}

/* Écran 4 : avis sur fond beige */
.apaise #e4{background:var(--chaud)}
.apaise .badge-google{border:0;box-shadow:none;background:#fff}
.apaise .avis{border:0;box-shadow:0 4px 18px rgba(17,17,17,.07);border-radius:16px}
.apaise .avis::after{color:var(--chaud)}

/* Écran 6 */
.apaise .cout{background:var(--chaud);color:#111;align-items:center;text-align:center}
.apaise .cout b{font-family:var(--titre);font-weight:900;font-size:2.3rem}
.apaise .cout span{color:var(--gris)}
.apaise .rassure .ico{color:var(--bleu)}
.apaise .agenda,.apaise .ecran .agenda{border:0;background:var(--chaud);box-shadow:none}
.apaise .jour{border-color:transparent!important}
.apaise .jour:not([aria-pressed="true"]){background:#fff}
.apaise .heure{background:#fff}

/* ---- Page Google (même style, contenu inchangé) — 21/10 ---- */
.apaise .menu a{color:#111}
.apaise .hero-g{background:#fff}
.apaise .h1-hero{font-size:clamp(1.85rem,8vw,2.5rem);line-height:1.04;text-align:center}
.apaise .sous-hero{text-align:center;color:var(--gris);opacity:1}
.apaise .preuve-simple{text-align:center}
.apaise .mutuelle-ligne{color:#111}
.apaise .mutuelle-ligne .ico,.apaise .rassure-ligne .ico,.apaise .encart .ico{color:var(--bleu)}
.apaise .vignettes img{box-shadow:none}
.apaise section.phrase{background:#fff!important;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.apaise section.phrase .g{font-size:1.45rem!important}
.apaise section.phrase .p{color:var(--gris)}
.apaise .avis-intro{text-align:center}
.apaise .photo-grande{box-shadow:none;border-radius:16px}
.apaise .atout h3,.apaise .temps h3,.apaise .pourquoi-carte h3{font-family:var(--titre);font-weight:800;letter-spacing:-.01em}
.apaise .temps .num{border-radius:10px;font-family:var(--titre);font-weight:900}
.apaise .temps li::before{background:var(--ligne)}
.apaise .temps .duree{font-family:var(--mono);font-weight:500;border:0;background:#fff}
.apaise .pourquoi-carte{border:0;box-shadow:none}
.apaise .adresse{border:0}
.apaise .questions details{border:0;box-shadow:none}
.apaise #contact{background:#fff}
.apaise .fin{background:var(--chaud);color:#111}
.apaise .fin h2{color:#111}
.apaise .fin p{color:var(--gris)}

/* ---- 21/10, retours de Brahim sur la page Google ---- */
/* Fond : blanc cassé chaud, moins éblouissant que le blanc pur */
body.apaise{--blanc:#FAFAF8;background:#FAFAF8}
.apaise .hero-g{background:#FAFAF8}
.apaise .entete{background:rgba(250,250,248,.96)}
.apaise .barre{background:rgba(250,250,248,.97)}
/* Preuves en 3 colonnes : 5,0 · +550 · attestation */
.apaise .preuves3{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border:1px solid var(--ligne);border-radius:16px;margin:4px 0 16px;padding:12px 4px}
.apaise .preuves3 > div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6px;gap:2px}
.apaise .preuves3 > div + div{border-left:1px solid var(--ligne)}
.apaise .preuves3 b{font-family:var(--titre);font-weight:900;font-size:1.1rem;line-height:1;color:#111}
.apaise .preuves3 .etoiles{font-size:.66rem;letter-spacing:1px;line-height:1.2}
.apaise .preuves3 small{font-size:.7rem;line-height:1.2;color:var(--gris);font-weight:500}
.apaise .preuves3 .p3-ico{width:22px;height:22px;border-radius:6px;background:var(--bleu-clair);color:var(--bleu);display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.apaise .preuves3 .p3-ico .ico{width:14px;height:14px}
/* « Le plus dur, c'est de se décider » sur le bleu */
.apaise section.phrase{background:var(--bleu)!important;border:0}
.apaise section.phrase .g{color:#fff}
.apaise section.phrase .g span{color:#FDE68A}
.apaise section.phrase .g span::before{background:#FDE68A}
.apaise section.phrase .p{color:rgba(255,255,255,.88)}
/* Pourquoi ça fonctionne : numéros dans des carrés bleus, alignés sur la 1re ligne */
.apaise .pourquoi-pas li{display:flex;align-items:flex-start;gap:12px;padding-left:0;line-height:1.5}
.apaise .pourquoi-pas li::before{position:static;flex:0 0 24px;width:24px;height:24px;margin-top:0;border-radius:7px;background:var(--bleu);color:#fff;font-family:var(--titre);font-weight:900;font-size:.82rem;display:flex;align-items:center;justify-content:center}
/* Resserrer pour garder la 1re heure de l'agenda dans le premier écran */
.apaise .preuves3{margin:0 0 12px;padding:7px 2px;border-radius:12px}
.apaise .hero-g .sous-hero{margin:10px 0 12px}
.apaise .hero-g{padding-top:20px}
/* Vert adouci (Brahim, 22/10) : #15803D trop vif → vert sauge, texte blanc toujours lisible (contraste 4,9:1) */
body.apaise{--vert:#3D7D5A;--vert-fonce:#326B4C}
.apaise #rdv-form #go-to-step1,.apaise #rdv-form button[type="submit"]{box-shadow:0 6px 16px rgba(61,125,90,.18)!important}
/* Offre unique (page Google mise en ligne le 22/10 : séance + reprise 12 mois, 160 €) */
.ancre-rdv{scroll-margin-top:64px}
#rdv-form .offre-unique{background:#fff;border:1px solid var(--ligne);border-radius:12px;padding:12px 14px}
#rdv-form .offre-unique .bloc-titre{font-size:.95rem;margin:0 0 6px}
.ou-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ou-liste li{position:relative;padding-left:24px;font-size:.92rem;line-height:1.4;color:var(--gris)}
.ou-liste li::before{content:"✓";position:absolute;left:0;top:0;color:var(--bleu);font-weight:800}
#rdv-form .ou-titre{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 4px}
#rdv-form .ou-prix{font-family:var(--titre);font-weight:900;font-size:1.3rem;color:#111;white-space:nowrap}
#rdv-form .ou-compris{margin:0 0 6px;font-size:.85rem;color:var(--gris)}
/* 23/10 (Brahim) : le coût des cigarettes ne doit pas pouvoir être pris pour le prix de la séance */
.apaise .cout{gap:4px}
.apaise .cout .cout-etiquette{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gris)}
.apaise .cout .cout-etiquette .ico{width:16px;height:16px}
.apaise .cout #r-montant::after{content:"\00a0/ an";font-size:1.05rem;font-weight:800;color:var(--gris)}
/* 23/10 (Brahim, axe C) : page Meta à 160 €, l'encadré montre l'économie la 1re année (sans « / an ») */
.apaise .cout.economie #r-montant::after{content:none}
.apaise .cout.economie #r-calcul{font-weight:600}
.apaise .cout .cout-seance{margin-top:10px;padding-top:10px;border-top:1px dashed #C9C3B8;width:100%;font-weight:700;color:var(--bleu);font-size:.95rem}