/*
Theme Name: Ma Bulle de Douceur
Template: hello-elementor
Version: 1.0.0
Author: Jarvis pour Aurélie Santaliestra
Description: Thème enfant de Hello Elementor. Fabriqué par construire-theme.py depuis la maquette : ne pas éditer ici.
Text Domain: mabulle
*/
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(polices/cormorant-garamond-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(polices/cormorant-garamond-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(polices/cormorant-garamond-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(polices/cormorant-garamond-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(polices/mulish-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(polices/mulish-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(polices/mulish-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(polices/mulish-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(polices/mulish-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(polices/parisienne-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--turq:#93C6C7;--or-pale:#EDDE7D;--encre:#45546D;--or:#C5AA4C;--creme:#FAF5EF;
 --marine:#34496A;--marine-haut:#26375A;--marine-bas:#3B5279;
 --bleu-pale:#A8B4DC;--bleu-tres-pale:#E0E4F3;
 --txt:#332F2A;--txt2:#6E675C;--txt3:#9C9284;--trait:#E6DCD0}
*{box-sizing:border-box}
body{margin:0;background:var(--creme);color:var(--txt);font-family:"Mulish",system-ui,sans-serif;
 font-weight:400;line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;margin:0;text-wrap:balance}
p{margin:0 0 15px} svg{display:block;max-width:100%} a{text-decoration:none;color:inherit}
.note{background:var(--marine-haut);color:#A9B5D6;font-size:12px;padding:11px 20px;text-align:center}
.note b{color:var(--or-pale);font-weight:700}

/* ===== LE CIEL MARINE ===== */
.nuit{position:relative;background:linear-gradient(172deg,var(--marine-haut) 0%,var(--marine) 45%,var(--marine-bas) 100%);
 overflow:hidden;color:#fff}
.nuit .ciel{position:absolute;inset:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.sc{animation:sc 10s ease-in-out infinite alternate}
 @keyframes sc{from{opacity:.5}to{opacity:1}}}
.fg{position:absolute;left:-16px;bottom:120px;opacity:.5;pointer-events:none}
.fd{position:absolute;right:-12px;top:90px;opacity:.44;pointer-events:none}
.vague{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:64px;z-index:4}

.barre{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:20px 26px;
 display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.barre nav{display:flex;gap:19px;flex-wrap:wrap;align-items:center}
.barre nav a{color:#CFD8EE;font-size:12.5px;padding-bottom:3px;border-bottom:1.5px solid transparent}
@media (min-width:901px) and (max-width:1080px){.barre nav{gap:11px}} /* le lien Récits (21/10) : le menu tient sur une ligne jusqu'au seuil mobile */
.barre nav a.on,.barre nav a:hover{color:var(--or-pale);border-bottom-color:var(--or)}
.barre .cta{background:var(--or-pale);color:#151B30;border-radius:26px;padding:10px 21px;
 font-size:12.5px;font-weight:700;border:0}
.barre nav a.cta:hover{background:#fff;color:#151B30;border-bottom-color:transparent}
/* le menu replie sur telephone, sans JavaScript */
.menu-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(237,222,125,.45);cursor:pointer;
 flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,.04)}
.burger i{display:block;width:20px;height:1.6px;background:var(--or-pale);border-radius:2px;transition:transform .25s,opacity .25s}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-cb:focus-visible+.burger{outline:2px solid var(--or-pale);outline-offset:3px}
@media (max-width:900px){
 .barre{flex-wrap:nowrap;padding:14px 20px;z-index:20}
 .barre .logo img{width:78px}
 .burger{display:flex}
 .barre nav{display:none;position:absolute;top:100%;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;
  background:var(--marine-haut);border:1px solid rgba(237,222,125,.25);border-radius:6px;padding:10px 20px 18px;box-shadow:0 18px 40px rgba(10,16,32,.45)}
 .barre nav a{font-size:16px;padding:12px 0;border-bottom:1px solid rgba(214,226,250,.12)}
 .barre nav a.on{border-bottom-color:rgba(214,226,250,.12)}
 .barre nav a.cta{margin-top:14px;text-align:center;border-bottom:0}
 .menu-cb:checked~nav{display:flex}
 .menu-cb:checked+.burger i:nth-child(2){transform:translateY(6.6px) rotate(45deg)}
 .menu-cb:checked+.burger i:nth-child(3){opacity:0}
 .menu-cb:checked+.burger i:nth-child(4){transform:translateY(-6.6px) rotate(-45deg)}
}

.hero{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:34px 26px 96px;
 display:grid;grid-template-columns:1.06fr .94fr;gap:32px;align-items:center}
.nom{font-family:"Parisienne",cursive;font-size:clamp(46px,7.2vw,86px);line-height:1.04;margin:0 0 16px;color:#93C6C7;text-shadow:0 2px 18px rgba(147,198,199,.28)}
.metier{font-family:"Parisienne",cursive;font-size:clamp(22px,3vw,32px);color:var(--or-pale);line-height:1.45;margin:0 0 6px}
.metier2{font-size:clamp(10px,1.3vw,12.5px);letter-spacing:.24em;color:#A9B9E0;font-weight:300;margin:0 0 24px}
.hero .acc{color:#DDE4F5;font-size:16px;max-width:42ch;margin-bottom:26px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--turq);color:#151B30;
 padding:14px 26px;border-radius:28px;font-size:13px;font-weight:700}
.btn:hover{background:var(--or-pale)}
.btn.or{background:var(--or);color:#151B30}
.btn.or:hover{background:var(--or-pale)}
.btn,.btn-clair,.btn-ligne,.soin .lien,.barre .cta,.renvoi{transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover,.btn-clair:hover,.btn-ligne:hover,.soin .lien:hover{transform:translateY(-1px)}
.duo{display:flex;gap:11px;flex-wrap:wrap}
.portrait{position:relative;aspect-ratio:3/3.5;border:1px dashed rgba(237,222,125,.42);
 background:repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 13px,rgba(255,255,255,.018) 13px 26px);
 display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.portrait span{color:#CFBB80;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;line-height:1.9}
.pa{position:absolute;left:-14px;top:26%} .pb{position:absolute;right:13%;bottom:12%;transform:rotate(15deg)}
.lune-h{position:absolute;right:7%;top:112px;z-index:2}
.lieu{color:#DDE4F5;font-size:14px;margin:-12px 0 20px;letter-spacing:.02em}
.limite{max-width:760px;margin:0 auto;padding:10px 0 66px;text-align:center}
.limite p.calli{margin-bottom:18px;font-size:clamp(30px,4.3vw,46px);color:var(--marine)}
.limite p{color:var(--txt2);font-size:15.5px}
.limite .mini{font-size:13px;color:var(--txt3);margin-top:6px}
.pap{position:absolute;height:auto;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(10,16,32,.28))}
.logo img{display:block;width:118px;height:auto}
img.att{height:auto}

/* ===== LE SEUIL : l'anneau et la devise ===== */
.seuil{position:relative;z-index:3;text-align:center;padding:10px 26px 78px}
.seuil .att{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.08;pointer-events:none;width:min(470px,80vw)}
.devise{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(30px,5.4vw,64px);
 line-height:1.3;color:var(--or-pale);margin:0}
.devise span{display:block}
.devise i{display:block;width:62px;height:1px;background:var(--or);opacity:.6;margin:12px auto}
/* geste 5 : la devise en trois souffles, et ses etoiles posees une a une, comme sur ses imprimes */
@media (prefers-reduced-motion:no-preference){
 .devise span{opacity:0;animation:souffle 1.4s ease forwards}
 .devise i{transform:scaleX(0);animation:filet 1.2s ease forwards}
 .devise span:nth-of-type(1){animation-delay:.4s} .devise i:nth-of-type(1){animation-delay:1s}
 .devise span:nth-of-type(2){animation-delay:1.2s} .devise i:nth-of-type(2){animation-delay:1.8s}
 .devise span:nth-of-type(3){animation-delay:2s}
 .nuit .ciel polygon{animation:pose .9s ease backwards}
 .nuit .ciel polygon:nth-of-type(2){animation-delay:.3s} .nuit .ciel polygon:nth-of-type(3){animation-delay:.6s}
 .nuit .ciel polygon:nth-of-type(4){animation-delay:.9s} .nuit .ciel polygon:nth-of-type(5){animation-delay:1.2s}
 .nuit .ciel polygon:nth-of-type(6){animation-delay:1.5s} .nuit .ciel polygon:nth-of-type(7){animation-delay:1.8s}
 .nuit .ciel polygon:nth-of-type(8){animation-delay:2.1s} .nuit .ciel polygon:nth-of-type(9){animation-delay:2.4s}
 .nuit .ciel polygon:nth-of-type(10){animation-delay:2.7s}
 @keyframes souffle{to{opacity:1}} @keyframes filet{to{transform:scaleX(1)}} @keyframes pose{from{opacity:0}}
}
/* geste 1 : le navigateur entre dans la bulle */
::selection{background:#EDDE7D;color:#151B30}
a:focus-visible,label:focus-visible{outline:none;box-shadow:0 0 0 2px #EDDE7D,0 0 0 4px #93C6C7,0 0 0 6px #1d5c63;border-radius:6px}

/* ===== LE JOUR ===== */
main{max-width:1240px;margin:0 auto;padding:0 26px}
section{padding:64px 0}
.duo-col{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center;position:relative}
.rond{aspect-ratio:1;border-radius:50%;border:1px dashed #C9B98F;position:relative;
 background:repeating-linear-gradient(45deg,#F1E9DF 0 11px,#E9E0D4 11px 22px);
 display:flex;align-items:center;justify-content:center;text-align:center}
.rond span{color:#A2907C;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;line-height:1.8}
.rond .p{position:absolute;left:-10px;top:14%}
.att-fond{position:absolute;right:-30px;top:-30px;opacity:.5;pointer-events:none}
.calli{font-family:"Parisienne",cursive;font-size:clamp(30px,4.3vw,46px);color:var(--marine);line-height:1.16;margin:0 0 6px}
.filet-et{display:flex;align-items:center;gap:12px;margin:14px 0 20px}
.filet-et i{height:1px;background:#D8C9A4;flex:1;max-width:90px;display:block}
.btn-clair{display:inline-block;border:1px solid #B9C4E0;color:var(--marine);border-radius:24px;padding:11px 22px;font-size:13px;background:#fff}
.btn-clair:hover{background:var(--marine);border-color:var(--marine);color:#fff}

/* le BANDEAU OR plein, motif de sa carte cadeau */
.bandeau-or{background:var(--or-pale);margin:0 -26px;padding:16px 26px;text-align:center}
.bandeau-or h2{font-family:"Parisienne",cursive;font-size:clamp(30px,4.4vw,46px);color:#151B30;margin:0;line-height:1.1}

.soins{display:grid;grid-template-columns:repeat(auto-fit,minmax(218px,1fr));gap:18px;margin-top:34px}
.soin{background:#fff;border:1px solid #E3D5BF;border-top:5px solid var(--c);border-radius:4px;padding:26px 20px 22px;text-align:center;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(52,73,106,.08)}
.soin .i{display:flex;justify-content:center;margin-bottom:14px}
.picto-porte{width:72px;height:72px;border-radius:50%;border:2px solid #FAF5EF;box-shadow:0 6px 18px rgba(21,27,48,.22)}
.soin h3{font-size:19.5px;color:var(--marine);line-height:1.25;margin-bottom:10px}
.soin p{font-size:12.5px;color:var(--txt2);line-height:1.6;margin-bottom:16px}
.soin .lien{display:inline-block;align-self:center;margin-top:auto;border:1px solid #DCCFA8;border-radius:16px;padding:7px 16px;font-size:11px;color:#8A7433}
.soin .lien:hover{background:var(--or-pale);border-color:var(--or-pale);color:#151B30}

/* POUR QUI, bandeau marine */
.pourqui{position:relative;margin:0 -26px;padding:54px 26px 58px;overflow:hidden;
 background:linear-gradient(168deg,var(--marine) 0%,var(--marine-haut) 100%);color:#fff}
.pourqui .ciel{position:absolute;inset:0;pointer-events:none;opacity:.8}
.pourqui .f1{position:absolute;left:-18px;top:6px;opacity:.36} .pourqui .f2{position:absolute;right:-16px;bottom:-34px;opacity:.3}
.pourqui .l{position:absolute;right:14%;top:30px}
.pourqui h2{position:relative;text-align:center;font-family:"Parisienne",cursive;font-size:clamp(32px,4.6vw,46px);color:var(--or-pale);margin:0 0 22px}
.pq-g{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
.pq{display:block;color:inherit;text-align:center;padding:12px 20px;border-right:1px solid rgba(214,226,250,.2);border-radius:4px;transition:background .2s}
a.pq:hover{background:rgba(255,255,255,.07)} a.pq:hover b{color:var(--or-pale)}
.pq:last-child{border-right:0}
.pq .i{display:flex;justify-content:center;margin-bottom:12px}
.pq b{display:block;font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:600;margin-bottom:7px}
.pq i{font-style:normal;font-size:12px;color:#C4D0EC;line-height:1.55;display:block}

/* AVIS, bandeau bleu tres pale, motif de sa maquette */
.avis-z{background:#E8F2F2;margin:0 -26px;padding:54px 26px 58px;position:relative;overflow:hidden}
.avis-z h2{text-align:center;font-family:"Parisienne",cursive;font-size:clamp(30px,4.3vw,44px);color:var(--marine);margin:0 0 26px}
.carnet{max-width:780px;margin:0 auto;background:#fff;border:1px solid #D7DCEC;border-radius:4px;overflow:hidden}
.feuille{margin:0;padding:22px 26px 18px;border-bottom:1px solid #E7EAF4}
.feuille:last-child{border-bottom:0}
.feuille q{display:block;quotes:"«\00a0" "\00a0»";font-family:"Cormorant Garamond",serif;font-size:20px;color:var(--txt);
 line-height:30px;max-width:56ch;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#DFE3F0 29px,#DFE3F0 30px);
 background-position:0 -5px;background-repeat:repeat-y;padding-bottom:2px}
.feuille figcaption{margin-top:13px;font-size:12.5px;color:var(--txt2);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.feuille figcaption b{color:var(--marine);font-weight:800}
.avis-pap{position:absolute;right:7%;top:38%}

.tarifs h2{font-size:clamp(28px,4vw,40px);color:var(--marine);margin-bottom:8px}
.t-b{margin-bottom:26px}
.t-b h3{font-size:24px;color:var(--marine);border-bottom:2px solid var(--c);padding-bottom:8px;display:inline-block;margin-bottom:4px}
.t-b table{width:100%;border-collapse:collapse;font-size:15px}
.t-b table{table-layout:fixed} .t-b td:nth-child(1){width:40%} .t-b td:nth-child(2){width:14%} .t-b td:nth-child(4){width:16%}
@media (max-width:600px){.t-b td:nth-child(1){width:34%} .t-b td:nth-child(2){width:18%} .t-b td:nth-child(4){width:18%} .t-b td{padding-right:8px}}
.t-b td{padding:12px 12px 12px 0;border-bottom:1px solid var(--trait);color:var(--txt2)}
.t-b td:first-child{color:var(--txt);font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:600}
.t-b td.d{font-size:11.5px;color:var(--txt3)}
.t-b td.p{text-align:right;font-family:"Cormorant Garamond",serif;font-size:23px;color:var(--marine);font-weight:600;white-space:nowrap}
.mention{background:#F3EDE4;border-radius:3px;padding:16px 22px;font-size:13px;line-height:1.6;color:var(--txt2);max-width:760px;margin:12px auto 0;text-align:center}
.mention b{color:var(--txt);font-weight:700}
.nc{white-space:nowrap}
.ligne-appel{font-size:13px;color:var(--txt2);margin:12px 0 0}
.appel .ligne-appel{color:#C4D0EC;margin:14px auto 0}
footer .wtf a{display:inline;font-size:11.5px;line-height:inherit;color:#AFBADA;border-bottom:1px solid rgba(175,186,218,.35)}
/* le formulaire de rappel : aucun champ libre, donc aucune donnee de sante (decision du 18/09) */
.rappel{padding:10px 0 70px}
.rappel-c{max-width:720px;margin:0 auto;background:#fff;border:1px solid #E3D5BF;border-top:5px solid #93C6C7;border-radius:4px;padding:30px 32px 26px;box-shadow:0 8px 24px rgba(52,73,106,.08)}
.rappel h2{font-family:"Parisienne",cursive;font-weight:400;font-size:clamp(32px,4.4vw,44px);color:var(--marine);margin:0 0 8px}
.rappel-c>p{color:var(--txt2);font-size:15px}
.rappel-f{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:8px}
.rappel-f label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--marine);letter-spacing:.02em}
.rappel-f .large,.rappel-f .rgpd,.rappel-f button{grid-column:1/-1}
.rappel-f input,.rappel-f select{font:inherit;font-size:15px;font-weight:400;color:var(--txt);padding:11px 12px;border:1px solid #D9CDB8;border-radius:4px;background:#FDFBF8}
.rappel-f input:focus,.rappel-f select:focus{outline:none;border-color:var(--marine);box-shadow:0 0 0 3px rgba(147,198,199,.45)}
.rappel-f button{justify-self:start;border:0;cursor:pointer;font-family:inherit}
.rappel-f .rgpd{font-size:12px;color:var(--txt3);margin:0}
.rappel-f .rgpd a{color:var(--marine);border-bottom:1px solid #B9C4E0}
.rappel .pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rappel .merci{background:#E8F2F2;border-left:4px solid #93C6C7;padding:14px 18px;border-radius:3px;color:var(--marine);font-weight:600}
@media (max-width:600px){.rappel-f{grid-template-columns:1fr}.rappel-c{padding:24px 20px}}
/* la page imprimee devient sa carte : claire, sans decor, sans menu */
@media print{
 @page{margin:14mm}
 html,body{background:#fff!important}
 *{box-shadow:none!important;text-shadow:none!important;animation:none!important}
 .nuit,.pourqui,.appel,footer,.avis-z,.bandeau-or{background:none!important;color:#222!important}
 .ciel,.pap,.lune-h,.burger,.menu-cb,.barre,.vague,.duo,.btn,.btn-clair,.btn-ligne,.soin .lien,.soin .photo,.att-fond,.fil,.medaillon,.rond,.portrait,.venir .pics,.rappel,.ligne-appel,footer .in>div:nth-child(3),footer .in>div:nth-child(4),footer .wtf,.note,.bol audio,.ecoute{display:none!important}
 .hero,.hero-p,.duo-col,.venir,.histoire{display:block!important;padding:0!important}
 .nom,.titre-p,.calli,.bloc h2,.rappel h2,.pourqui h2,.appel h2,.avis-z h2{color:#34496A!important}
 .metier,.sous-p,.devise,.bandeau-or h2{color:#8A7433!important}
 .acc,.lieu,.metier2,.pq i,.pq b,.appel p,footer a,footer span.l,footer b,.deux-lignes p{color:#222!important}
 .soin,.carte-m,.deux-lignes,.feuille,.t-b tr,.pq,.etapes li{break-inside:avoid}
 .soins,.soins-m{display:grid!important;grid-template-columns:1fr 1fr;gap:10px} .soin,.carte-m{margin:0;border:1px solid #ccc!important;padding:12px 14px!important}
 .carte-m.pic{grid-template-columns:44px 1fr!important} .carte-m .picto{width:44px!important;height:44px!important}
 .soins-m>.carte-m:last-child:nth-child(odd){width:auto!important;grid-column:auto!important}
 .soin .i{margin-top:0} section{padding:18px 0!important}
 footer .bas::after{content:"mabullededouceur.com, 06 11 31 37 22";display:block;margin-top:6px}
 a{text-decoration:none!important}
}
p,li,q,.pq i{text-wrap:pretty} figcaption,.calli,.sous-or,.devise-bas{text-wrap:balance}

footer{position:relative;background:linear-gradient(168deg,var(--marine) 0%,var(--marine-haut) 100%);color:#AFBADA;overflow:hidden}
footer .ciel{position:absolute;inset:0;pointer-events:none;opacity:.7}
footer .in{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:50px 26px 28px;
 display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:28px}
footer b{color:#fff;display:block;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:11px}
footer a,footer span.l{display:block;font-size:14px;line-height:1.95;color:#AFBADA}
footer a:hover{color:var(--or-pale)}
footer .avis-l{color:var(--or-pale);font-weight:700}
footer .bas{position:relative;z-index:2;border-top:1px solid rgba(175,186,218,.2);max-width:1240px;margin:0 auto;
 padding:15px 26px 24px;font-size:11.5px;color:#8A95B5;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

.portrait.ph{padding:0;border:0;overflow:hidden;border-radius:3px;box-shadow:0 18px 50px rgba(10,16,32,.45)}
.portrait.ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.provi{position:absolute;left:10px;bottom:10px;background:rgba(21,27,48,.72);color:#E9DC80;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;padding:5px 9px;border-radius:2px}
.rond.ph{background:none;border:0;overflow:hidden;box-shadow:0 14px 40px rgba(52,73,106,.22)}
.rond.ph img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.sous-or{text-align:center;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(19px,2.4vw,23px);color:var(--marine);margin:22px auto 0;max-width:52ch;text-wrap:balance}
.soin{padding-top:0;overflow:hidden}
.soin .photo{margin:0 -20px 18px;aspect-ratio:4/3;overflow:hidden}
.soin .photo img{width:100%;height:100%;object-fit:cover;display:block}
.soin .i{margin-top:-50px;position:relative}
.feuille.vide q{color:var(--txt3);font-style:italic}
.venir{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.venir h2{font-family:"Parisienne",cursive;font-size:clamp(32px,4.4vw,46px);color:var(--marine);font-weight:400;margin-bottom:10px}
.venir .adr{font-size:15px;color:var(--txt)}
.ecoute{margin:16px 0 0}
.ecoute button{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:600 13px "Mulish",system-ui,sans-serif;color:var(--marine);
 background:none;border:1px solid #D8C9A4;border-radius:22px;padding:8px 16px;transition:background .2s,border-color .2s}
.ecoute button:hover,.ecoute button[aria-pressed="true"]{background:var(--or-pale);border-color:var(--or-pale)}
.ecoute button .off,.ecoute button[aria-pressed="true"] .on{display:none}
.ecoute button[aria-pressed="true"] .off{display:inline}
.venir .pics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}
.venir .pics img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block;aspect-ratio:4/3}
.venir .pics img:first-child{grid-column:span 2;aspect-ratio:16/8;object-position:50% 45%}
.venir .pics img:nth-child(2){object-position:78% 50%}
@media (max-width:900px){.venir{grid-template-columns:1fr}}
@media (max-width:900px){.nuit .pap{display:none} .hero{grid-template-columns:1fr;padding-bottom:70px} .duo-col{grid-template-columns:1fr}
 .att-fond{display:none} .lune-h{top:150px;right:22px} .pq{border-right:0;border-bottom:1px solid rgba(214,226,250,.2)}}

/* ===== PAGES INTÉRIEURES ===== */
.hero-p{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:18px 26px 104px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.fil{font-size:12px;color:#A9B9E0;margin:0 0 14px;letter-spacing:.03em} .fil a{color:#CFD8EE;border-bottom:1px solid rgba(207,216,238,.35)}
.titre-p{font-family:"Parisienne",cursive;font-weight:400;font-size:clamp(44px,6vw,72px);color:#93C6C7;line-height:1.08;margin:0 0 10px}
.sous-p{font-family:"Parisienne",cursive;font-size:clamp(22px,2.6vw,28px);color:var(--or-pale);margin:0 0 14px}
.hero-p .acc{color:#DDE4F5;font-size:16px;max-width:46ch;margin-bottom:24px}
.medaillon{aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid rgba(237,222,125,.55);box-shadow:0 18px 50px rgba(10,16,32,.45);max-width:400px;justify-self:center;width:100%}
.medaillon img{width:100%;height:100%;object-fit:cover;display:block}
.deux-lignes{max-width:820px;margin:0 auto;background:#fff;border:1px solid #EAE0CF;border-left:4px solid #93C6C7;border-radius:4px;padding:22px 26px}
.deux-lignes b{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt3);font-weight:800;margin-bottom:8px}
.deux-lignes p{margin:0;font-size:15.5px;color:var(--txt)}
.bloc{max-width:820px;margin:0 auto}
.bloc h2{font-family:"Parisienne",cursive;font-weight:400;font-size:clamp(32px,4.3vw,44px);color:var(--marine);line-height:1.15;margin:0 0 18px}
.bloc p{color:var(--txt2);font-size:15.5px}
.liste{list-style:none;padding:0;margin:8px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.liste li{position:relative;padding-left:26px;color:var(--txt);font-size:15px;line-height:1.55}
.liste li::before{content:"";position:absolute;left:2px;top:4px;width:13px;height:16px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cg fill='none' stroke='%2393C6C7' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10 1C15 7 15 17 10 25C5 17 5 7 10 1Z'/%3E%3Cpath d='M10 4V26M10 9l-3 2M10 9l3 2M10 14l-3.5 2.3M10 14l3.5 2.3'/%3E%3C/g%3E%3C/svg%3E")}
.soins-m{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1040px;margin:0 auto}
.carte-m{background:#fff;border:1px solid #E3D5BF;border-top:5px solid #93C6C7;border-radius:4px;padding:24px 24px 20px;box-shadow:0 8px 24px rgba(52,73,106,.08)}
.carte-m h3{font-size:26px;color:var(--marine);margin-bottom:4px}
.carte-m .meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 14px}
.carte-m .meta span{font-size:11.5px;color:var(--txt2);background:#F3EDE4;border-radius:12px;padding:3px 10px}
.carte-m .meta span.prix{background:var(--marine);color:#fff;font-weight:700}
.carte-m p{font-size:14px;color:var(--txt2);margin-bottom:10px}
.carte-m .nb{font-size:12px;color:var(--txt3);margin:12px 0 0}
.carte-m.photo{padding:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.carte-m.photo img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}
.carte-m.photo .in{padding:20px 24px}
.etapes{list-style:none;counter-reset:e;padding:0;margin:22px 0 0;display:grid;gap:14px}
.etapes li{counter-increment:e;position:relative;padding:4px 0 4px 56px;color:var(--txt);font-size:15px;line-height:1.6;min-height:40px}
.etapes li::before{content:counter(e);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--marine);color:var(--or-pale);font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center}
.appel{position:relative;margin:0 -26px;padding:56px 26px 60px;text-align:center;overflow:hidden;background:linear-gradient(168deg,var(--marine) 0%,var(--marine-haut) 100%);color:#fff}
.appel h2{font-family:"Parisienne",cursive;font-weight:400;font-size:clamp(32px,4.6vw,46px);color:var(--or-pale);margin:0 0 10px}
.appel p{color:#C4D0EC;max-width:52ch;margin:0 auto 22px}
.appel .duo{justify-content:center}
.btn-ligne{display:inline-flex;align-items:center;border:1px solid rgba(237,222,125,.6);color:var(--or-pale);border-radius:28px;padding:13px 24px;font-size:13px;font-weight:700}
@media (max-width:900px){.hero-p{grid-template-columns:1fr;padding-bottom:84px} .medaillon{max-width:260px} .liste,.soins-m{grid-template-columns:1fr}}
.carte-m .picto{width:76px;height:76px;border-radius:50%;display:block;margin:0 0 12px;box-shadow:0 6px 18px rgba(21,27,48,.18)}
.carte-m.pic{display:grid;grid-template-columns:76px 1fr;gap:0 18px;align-items:start}
.carte-m.pic .picto{grid-row:span 3;margin:4px 0 0}
.histoire{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;max-width:1040px;margin:0 auto}
.histoire figure{margin:0} .histoire img{width:100%;border-radius:4px;display:block}
.histoire figcaption{font-size:12.5px;color:var(--txt3);margin-top:8px;font-style:italic}
.citation{font-family:"Parisienne",cursive;font-size:clamp(26px,3.4vw,36px);color:var(--marine);line-height:1.3;text-align:center;max-width:30ch;margin:10px auto 0}
.renvoi{display:inline-block;margin-top:6px;color:var(--marine);border-bottom:1px solid #B9C4E0;font-size:14px}
@media (max-width:900px){.histoire{grid-template-columns:1fr} .carte-m.pic{grid-template-columns:1fr} .carte-m.pic .picto{grid-row:auto}}
.btn-ligne:hover{background:var(--or-pale);border-color:var(--or-pale);color:#151B30}
.renvoi:hover{border-bottom-color:var(--marine)}
.devise-bas{text-align:center;margin:48px auto 54px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(24px,3.2vw,34px);color:var(--marine);line-height:1.4}
.devise-bas svg{display:inline-block;vertical-align:middle;margin:0 .55em 4px}
.soins-m>.carte-m:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}
@media (max-width:900px){.soins-m>.carte-m:last-child:nth-child(odd){width:auto;justify-self:stretch}}
.bol{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;max-width:820px;margin:0 auto;background:#fff;border:1px solid #E3D5BF;border-radius:4px;padding:22px;box-shadow:0 8px 24px rgba(52,73,106,.08)}
.bol img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.bol h2{font-family:"Parisienne",cursive;font-weight:400;font-size:36px;color:var(--marine);margin:0 0 8px}
.bol p{color:var(--txt2);font-size:15px}
.bol audio{width:100%;margin-top:6px}
@media (max-width:700px){.bol{grid-template-columns:1fr;text-align:center}.bol img{max-width:180px;margin:0 auto}}


/* Page à part : ses règles sont fusionnées dans la feuille du thème, donc aucune règle sur body ni :root ici. */
.attente{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;
 background:radial-gradient(ellipse at 50% 38%,#3B5279 0%,#34496A 38%,#26375A 78%,#1f2d4b 100%);padding:40px 22px}
.attente .ciel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.centre{position:relative;z-index:2;text-align:center;max-width:560px}
.logo-a{display:block;width:92px;height:auto;margin:0 auto 18px;opacity:.95}
.anneau{position:relative;width:min(260px,64vw);aspect-ratio:1;margin:0 auto 26px}
.anneau svg{width:100%;height:100%;transform:rotate(-90deg)}
.anneau circle{fill:none;stroke-width:2.4}
.anneau .fond{stroke:rgba(237,222,125,.16)}
.anneau .prog{stroke:var(--or-pale);stroke-linecap:round;stroke-dasharray:879.65;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(237,222,125,.45))}
.en-cours .anneau .prog{stroke-dashoffset:879.65;animation:referme var(--duree,2700s) linear forwards}
@keyframes referme{to{stroke-dashoffset:0}}
.anneau .pap{position:absolute;left:50%;top:50%;width:54px;height:auto;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(0 4px 10px rgba(10,16,32,.4))}
@media (prefers-reduced-motion:no-preference){
 .anneau .pap{animation:respire 6s ease-in-out infinite}
 @keyframes respire{0%,100%{transform:translate(-50%,-50%) rotate(-8deg) scale(1)}50%{transform:translate(-50%,-52%) rotate(-4deg) scale(1.06)}}
}
@media (prefers-reduced-motion:reduce){.en-cours .anneau .prog{animation:none;stroke-dashoffset:0}}
.titre-a{font-family:"Parisienne",cursive;font-weight:400;font-size:clamp(34px,7vw,52px);line-height:1.15;color:var(--turq);margin:0 0 14px}
.texte-a{font-size:16px;line-height:1.7;color:#DDE4F5;margin:0 0 10px}
.duree-a{font-size:13px;letter-spacing:.04em;color:#A9B9E0;margin:14px 0 0}
.apres{display:none}
.fin .pendant{display:none} .fin .apres{display:block}
.mention-a{font-size:11.5px;line-height:1.6;color:#8A95B5;margin:34px auto 0;max-width:46ch}
.sig{font-family:"Cormorant Garamond",serif;font-size:17px;color:var(--or-pale);margin:14px 0 0}
.sig a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(237,222,125,.4)}
.ecoute-a{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:11px 20px;border-radius:26px;cursor:pointer;
 font:600 13.5px "Mulish",system-ui,sans-serif;color:var(--or-pale);background:rgba(255,255,255,.05);border:1px solid rgba(237,222,125,.45);transition:background .2s,color .2s}
.ecoute-a:hover,.ecoute-a[aria-pressed="true"]{background:var(--or-pale);color:#151B30}
.ecoute-a:focus-visible{outline:2px solid var(--or-pale);outline-offset:3px}
.ecoute-a .ic{font-size:16px;line-height:1}
.p-pause{display:none!important}
.pause-mode .s-soin{display:none!important} .pause-mode .p-pause.pendant{display:block!important}
.pause-mode.fin .p-pause.pendant{display:none!important} .pause-mode.fin .p-pause.apres{display:block!important}

/* ===== PAGES WORDPRESS (mentions, confidentialité) ===== */
.hero-court{padding:6px 26px 86px;grid-template-columns:1fr}
.texte-wp h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:26px;color:var(--marine);margin:30px 0 10px}
.texte-wp h3{font-size:20px;color:var(--marine);margin:22px 0 8px}
.texte-wp p,.texte-wp li{color:var(--txt2);font-size:15.5px}
.texte-wp a{color:var(--marine);border-bottom:1px solid #B9C4E0}
.texte-wp ul{padding-left:20px}
footer .bas a{display:inline;font-size:11.5px;line-height:inherit}
/* ===== LES RÉCITS ===== */
.titre-recit{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.15;max-width:900px}
.recit-meta{color:#D5DCEC;font-size:14.5px;margin-top:14px;max-width:760px}
.recit-meta a{color:#fff;border-bottom:1px solid #93C6C7}
.recit-corps .deux-lignes{margin:0 0 26px}
.autrice{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid #EAE0CF;border-radius:4px;padding:22px 24px}
.autrice img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.autrice b{color:var(--marine);font-size:16px}
.autrice p{margin:6px 0 0;color:var(--txt2);font-size:15px}
.autrice a{color:var(--marine);border-bottom:1px solid #B9C4E0}
.recits{display:grid;gap:14px}
.recit{display:block;background:#fff;border:1px solid #EAE0CF;border-left:4px solid #93C6C7;border-radius:4px;padding:18px 22px;text-decoration:none}
.recit-t{display:block;color:var(--marine);font-weight:700;font-size:16.5px;line-height:1.35}
.recit-e{display:block;color:var(--txt2);font-size:14.5px;margin-top:6px}
.recits-tous{margin-top:16px}
.recits-tous a{color:var(--marine);border-bottom:1px solid #B9C4E0}
@media(max-width:600px){.autrice{flex-direction:column}.titre-recit{padding-right:48px}}