/*
Theme Name: Face à soi
Theme URI: https://maud-marceau.fr/
Author: Maud Marceau
Description: Thème éditorial et commercial sur mesure pour la méthode Face à soi.
Version: 1.0.0
Text Domain: face-a-soi
*/

:root{--ink:#21140c;--brown:#3a1f10;--cocoa:#70472f;--sand:#d8c0a5;--cream:#f6f0e7;--paper:#fffaf3;--sage:#6d7561;--line:rgba(33,20,12,.15);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,240,231,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:italic 700 31px/1 var(--serif);text-decoration:none}.menu{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.menu a{text-decoration:none}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:.2s}.btn:hover{background:var(--cocoa);transform:translateY(-2px)}.btn-light{background:transparent;color:var(--ink)}.hero{padding:110px 0 80px;background:radial-gradient(circle at 75% 20%,rgba(216,192,165,.75),transparent 32%),var(--cream)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.display{max-width:1000px;margin:20px 0 24px;font:italic 500 clamp(52px,8vw,108px)/.93 var(--serif);letter-spacing:-.045em}.hero h1 strong{font-style:normal}.lead{max-width:750px;font-size:22px;line-height:1.5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.proofbar{background:var(--ink);color:var(--paper);padding:16px 0}.proofgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center;font-size:14px;font-weight:700}.section{padding:100px 0}.section-dark{background:var(--brown);color:var(--paper)}.section-paper{background:var(--paper)}.kicker{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section h2{font:500 clamp(42px,6vw,78px)/1 var(--serif);letter-spacing:-.035em;margin:16px 0 30px}.section h3{font:600 30px/1.1 var(--serif)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border:1px solid var(--line);background:rgba(255,250,243,.56)}.card .num{font:italic 500 54px/1 var(--serif);color:var(--cocoa)}.quote{padding:35px;border-left:3px solid var(--cocoa);background:var(--paper);font:italic 500 28px/1.3 var(--serif)}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.testimonial{padding:32px;background:var(--paper);border:1px solid var(--line)}.testimonial p{font:italic 500 23px/1.4 var(--serif)}.program{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module{padding:22px 24px;border:1px solid rgba(255,250,243,.23)}.module strong{display:block;margin-bottom:5px}.offer{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:stretch}.pricebox{padding:38px;background:var(--ink);color:var(--paper)}.price{font:600 70px/1 var(--serif)}.installment{font-size:24px;color:var(--sand)}.clean{padding:0;list-style:none}.clean li{padding:11px 0;border-bottom:1px solid var(--line)}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800}.site-footer{padding:55px 0;background:#160d08;color:var(--paper)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.fine{font-size:13px;opacity:.72}.content{padding:80px 0;max-width:860px}.content h1{font:500 clamp(48px,7vw,78px)/1 var(--serif)}
@media(max-width:820px){body{font-size:16px}.menu a:not(.btn){display:none}.hero{padding:72px 0 55px}.split,.offer{grid-template-columns:1fr}.cards,.program,.testimonials{grid-template-columns:1fr}.proofgrid{grid-template-columns:repeat(2,1fr)}.section{padding:68px 0}.footergrid{grid-template-columns:1fr}.price{font-size:58px}}



/* --- Ajouts : dynamisme visuel (animations douces + accents) --- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.hero{position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 85%,rgba(109,117,97,.14),transparent 42%);pointer-events:none;animation:driftGlow 14s ease-in-out infinite alternate}
@keyframes driftGlow{0%{opacity:.7}100%{opacity:1}}
.card,.module{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(33,20,12,.14)}
.module:hover{background:rgba(255,250,243,.3);transform:translateX(4px)}
.testimonial{position:relative;overflow:hidden;transition:transform .3s ease}
.testimonial:hover{transform:translateY(-4px)}
.testimonial:before{content:"\201C";position:absolute;top:-6px;left:16px;font:italic 700 76px/1 var(--serif);color:var(--sand);opacity:.8;z-index:0}
.testimonial p{position:relative;z-index:1}
.btn{position:relative;overflow:hidden}

.payment-note{margin-top:-6px}
.payment-note a{font-size:.92rem;color:var(--sand);text-decoration:underline;opacity:.95}
.payment-note a:hover{opacity:1}

/* --- pass vie / texture & profondeur --- */
body{position:relative}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 82% 18%,rgba(109,117,97,.16),transparent 40%),radial-gradient(circle at 28% 72%,rgba(160,90,50,.12),transparent 45%);pointer-events:none;animation:driftGlow2 18s ease-in-out infinite alternate;z-index:0}
.hero .wrap{position:relative;z-index:1}
@keyframes driftGlow2{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-18px) scale(1.06)}}
.section-dark{position:relative}
.section-dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(216,192,165,.10),transparent 42%);pointer-events:none}
.section-dark .wrap{position:relative;z-index:1}
.section-paper{position:relative}
.section-paper:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 0%,rgba(109,117,97,.06),transparent 55%);pointer-events:none}
.section-paper .wrap{position:relative;z-index:1}
.testimonial{border-top:3px solid var(--sage)}
.testimonial:nth-child(4n+2){border-top-color:var(--sand)}
.testimonial:nth-child(4n+3){border-top-color:var(--cocoa)}
.testimonial:nth-child(4n+4){border-top-color:var(--brown)}
.proofgrid .num{font-family:var(--serif);font-style:italic;font-weight:700;color:var(--sand);font-size:1.25em}

/* --- dorures & symboles --- */
:root{--gold:#b8925a;--gold-light:#e6c893}
.kicker{position:relative;padding-left:34px;display:inline-block}
.kicker::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-light) 65%,transparent)}
.kicker::after{content:"";position:absolute;left:9px;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 6px rgba(184,146,90,.55)}
.section h2{position:relative}
.section h2::after{content:"";display:block;width:56px;height:2px;margin-top:16px;background:linear-gradient(90deg,var(--gold),transparent)}
.brand{position:relative;padding-right:16px}
.brand::after{content:"\2726";position:absolute;right:-4px;top:-4px;font-size:11px;color:var(--gold)}
.price{display:inline-block;padding-bottom:6px;border-bottom:2px solid var(--gold)}
.testimonial:before{color:var(--gold-light)}