/*
Theme Name: Maison Shen – L'heure dorée
Description: Design « L'heure dorée » pour Maison Shen (Zahra Chouitar). Thème enfant de Radcliffe 2, construit sur le thème Le Toucher Shen (témoignages, actualités et gabarits repris tels quels). Un fond immobile, une ligne verticale qui ne bouge pas, une ligne horizontale qui ondule doucement ; effet coton, branche de prunier, souffle. Polices auto-hébergées (Marcellus, Gentium Book Plus, licence OFL).
Author: enovSEO
Author URI: https://enovseo.fr
Template: radcliffe-2
Version: 1.0.0
Text Domain: radcliffe-2
*/

/* ===================================================================
   0. Les couleurs de l'heure dorée
   =================================================================== */
:root{
  --ivoire:#f8efdc;
  --ivoire-2:#fbf5e9;
  --sable:#f2e3c4;
  --or-pale:#efd5a4;
  --or:#d4a556;
  --or-vif:#e6bf73;
  --or-fonce:#7a5216;
  --vert:#1f4a1f;
  --vert-2:#2d5f2c;
  --lac:#7f9cb8;
  --lac-soir:#22344b;
  --nuit:#121c2c;
  --encre:#2a251f;
  --encre-2:#584b3b;
  --prunier:#f2d2d8;
  --prunier-2:#e3b0c4;
  --prunier-3:#6a4351;
  --titre:'Marcellus','Iowan Old Style','Palatino Linotype',Georgia,serif;
  --texte:'Gentium Book Plus',Georgia,'Times New Roman',serif;
  --g:clamp(20px,5vw,80px);
  --col:41rem;
  --large:70rem;
  --sinus:cubic-bezier(.37,0,.63,1);
  --sinus-sortie:cubic-bezier(.22,.61,.36,1);
  --onde:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M0 8 Q30 0 60 8 T120 8 T180 8 T240 8' fill='none' stroke='%23c9974b' stroke-width='1.1'/%3E%3C/svg%3E");
}

/* ===================================================================
   1. Base
   =================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--ivoire);color:var(--encre);font-family:var(--texte);font-size:19px;line-height:1.72;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
@media (max-width:600px){body{font-size:18px;line-height:1.7}}
img,video{max-width:100%;height:auto}
figure{margin:0}
a{color:var(--vert);text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:rgba(31,74,31,.35);transition:color .8s var(--sinus),text-decoration-color .8s var(--sinus)}
a:hover,a:focus{color:var(--or-fonce);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:3px}
h1,h2,h3,h4,h5,h6{font-family:var(--titre);font-weight:400;color:var(--vert);line-height:1.18;letter-spacing:.005em;margin:0 0 .6em;text-wrap:balance;text-shadow:none}
p,li,blockquote,figcaption{text-wrap:pretty}
p{margin:0 0 1.15em}
strong,b{font-weight:700}
::selection{background:var(--or-pale);color:var(--encre)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--vert);color:#fff;clip:auto!important;clip-path:none;display:block;height:auto;left:12px;top:12px;padding:.7rem 1.1rem;width:auto;z-index:100000;border-radius:6px;font-size:1rem}
.alignleft{float:left;margin:.3em 1.5em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.5em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.clearfix::after{content:"";display:table;clear:both}

/* ===================================================================
   2. Le fond (le Soi) : immobile, il ne suit jamais le défilement.
      Par-dessus : une ligne verticale qui ne bouge pas.
   =================================================================== */
.fond{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60vmax 44vmax at 82% 6%,rgba(244,196,120,.42),rgba(244,196,120,0) 70%),
    radial-gradient(70vmax 50vmax at 4% 100%,rgba(127,156,184,.16),rgba(127,156,184,0) 72%),
    linear-gradient(180deg,#fbf4e6 0%,#f8efdc 46%,#f4e7cd 100%)}
.fond::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:160px 160px;opacity:.55}
.fil-vertical{position:fixed;top:0;bottom:0;left:calc(var(--g) * .5);width:1px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(201,151,75,0) 0%,rgba(201,151,75,.55) 18%,rgba(201,151,75,.55) 82%,rgba(201,151,75,0) 100%)}
@media (max-width:899px){.fil-vertical{display:none}}
#page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
.site-content{flex:1 0 auto}

/* ===================================================================
   3. En-tête
   =================================================================== */
.site-header{position:sticky;top:0;z-index:60;background:rgba(250,243,229,.94);box-shadow:0 1px 0 rgba(201,151,75,.28);transition:background 1.2s var(--sinus),box-shadow 1.2s var(--sinus)}
.home .site-header{background:rgba(250,243,229,0);box-shadow:none}
.home .site-header.plein{background:rgba(250,243,229,.95);box-shadow:0 1px 0 rgba(201,151,75,.28)}
.entete-int{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--g);max-width:1760px;margin:0 auto}
.site-branding{display:flex;align-items:center;gap:14px;min-width:0}
.custom-logo-link{display:block;flex:none;line-height:0}
.custom-logo{width:54px!important;max-width:none!important;height:auto!important;display:block}
.site-branding-text{min-width:0}
.site-title{margin:0;font-family:var(--titre);font-size:1.22rem;line-height:1.15;color:var(--vert);text-wrap:balance}
.site-title a{color:inherit;text-decoration:none}
.site-description{margin:.3rem 0 0;font-family:var(--titre);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--or-fonce);line-height:1.2}
.site-branding-text{flex:1 1 auto}
@media (max-width:600px){.custom-logo{width:44px!important}.site-title{font-size:1rem}.site-description{font-size:.6rem;letter-spacing:.28em}.entete-int{padding:10px 18px;gap:12px}}

/* Bouton Menu */
.menu-toggle{display:inline-flex;align-items:center;gap:.7rem;flex:none;background:none;border:0;padding:.6rem .2rem;cursor:pointer;color:var(--vert);font-family:var(--titre);font-size:1.05rem;letter-spacing:.1em;position:relative;z-index:80}
.menu-toggle .trait{display:block;width:28px;height:9px;position:relative}
.menu-toggle .trait::before,.menu-toggle .trait::after{content:"";position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .9s var(--sinus),top .9s var(--sinus),left .9s var(--sinus)}
.menu-toggle .trait::before{top:0}
.menu-toggle .trait::after{top:8px;left:9px}
.main-navigation.toggled .menu-toggle{color:var(--ivoire)}
.main-navigation.toggled .menu-toggle .trait::before{top:4px;transform:rotate(16deg)}
.main-navigation.toggled .menu-toggle .trait::after{top:4px;left:0;transform:rotate(-16deg)}
.main-navigation .icon,.main-navigation .dropdown-toggle{display:none}
.main-navigation ul{list-style:none;margin:0;padding:0}

/* Menu plein écran (téléphone, tablette, petits ordinateurs) : le lac au soir */
.menu-primary-container{display:none}
.main-navigation.toggled .menu-primary-container{display:block;position:fixed;inset:0;z-index:70;overflow-y:auto;overscroll-behavior:contain;
  padding:clamp(96px,14vh,140px) var(--g) calc(40px + env(safe-area-inset-bottom));
  background:radial-gradient(120% 70% at 85% 0%,rgba(230,191,115,.30),rgba(230,191,115,0) 62%),linear-gradient(180deg,#2a3f57 0%,#1a2a40 52%,#101a29 100%)}
.main-navigation.toggled #header-menu{max-width:46rem;margin:0 auto}
.main-navigation.toggled #header-menu>li{border-bottom:1px solid rgba(230,191,115,.18);padding:.9rem 0}
.main-navigation.toggled #header-menu a{display:inline-block;color:var(--ivoire-2);text-decoration:none;font-family:var(--titre);font-size:clamp(1.35rem,4.6vw,2rem);line-height:1.25;padding:.15rem 0}
.main-navigation.toggled #header-menu a:hover,.main-navigation.toggled #header-menu a:focus{color:var(--or-vif)}
.main-navigation.toggled #header-menu .current-menu-item>a{color:var(--or-vif)}
.main-navigation.toggled .sub-menu{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem;margin:.45rem 0 .1rem 0;padding-left:1.2rem;border-left:1px solid rgba(230,191,115,.35)}
.main-navigation.toggled .sub-menu a{font-family:var(--texte)!important;font-size:1.05rem!important;color:#e7dcc6!important}
.main-navigation.toggled .sub-menu a:hover{color:var(--or-vif)!important}
html.menu-ouvert{overflow:hidden}
html.menu-ouvert .site-header{background:transparent!important;box-shadow:none!important}
html.menu-ouvert .site-branding{visibility:hidden}

/* Grand écran : menu dans l'en-tête, sous-menus au survol */
@media (min-width:1440px){
  .menu-toggle{display:none}
  .menu-primary-container{display:block!important;position:static!important;padding:0!important;background:none!important;overflow:visible!important}
  #header-menu{display:flex;align-items:center;gap:.2rem 1.5rem;flex-wrap:wrap;justify-content:flex-end}
  #header-menu>li{position:relative}
  #header-menu>li>a{display:block;padding:.55rem 0;font-size:.98rem;color:var(--encre);text-decoration:none;position:relative}
  #header-menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:1px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--sinus)}
  #header-menu>li:hover>a::after,#header-menu>li.focus>a::after,#header-menu>li.current-menu-item>a::after,#header-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
  #header-menu .sub-menu{position:absolute;left:-1.2rem;top:100%;min-width:15rem;padding:.8rem 1.2rem;background:rgba(251,245,233,.98);box-shadow:0 18px 40px -22px rgba(74,52,20,.45),0 0 0 1px rgba(201,151,75,.22);border-radius:2px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .7s var(--sinus),transform .7s var(--sinus)}
  #header-menu li:hover>.sub-menu,#header-menu li.focus>.sub-menu,#header-menu li:focus-within>.sub-menu{opacity:1;pointer-events:auto;transform:none;transition:opacity .7s var(--sinus),transform .7s var(--sinus)}
  #header-menu .sub-menu a{display:block;padding:.4rem 0;color:var(--encre);text-decoration:none;font-size:.98rem}
  #header-menu .sub-menu a:hover{color:var(--or-fonce)}
}

/* ===================================================================
   4. Le seuil : titre + photo en arche + horizon qui ondule
   =================================================================== */
.entry-header{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:clamp(24px,5vw,90px);
  max-width:80rem;margin:0 auto;padding:clamp(48px,8vw,120px) var(--g) 0}
.entete-texte{position:relative;z-index:2;padding-bottom:clamp(56px,7vw,104px);display:flex;flex-direction:column}
.entry-title{font-size:clamp(2.35rem,4.2vw,3.8rem);line-height:1.08;margin:0;color:var(--vert);font-family:var(--titre)!important}
.single .entry-title,.single-testimonial .entry-title{font-size:clamp(2rem,4vw,3.2rem)}
.titre-long .entry-header:not(.heros) .entry-title{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.12}
.entete-texte{min-width:0}
.entry-title{overflow-wrap:break-word;hyphens:manual}
.entete-texte::after{content:"";display:block;width:64px;height:16px;margin-top:1.6rem;background:var(--onde) left center/240px 16px repeat-x;opacity:.9}

.seuil{position:relative;align-self:end;justify-self:center;width:min(100%,330px,calc((100svh - 300px) * .75));min-width:240px;padding-bottom:64px}
.seuil-grand{width:min(100%,430px,calc((100svh - 300px) * .68));min-width:280px}
.arche{position:relative;z-index:2;aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden;background:var(--sable);box-shadow:0 40px 80px -50px rgba(122,82,22,.55)}
.arche img{display:block;width:100%;height:100%;object-fit:cover}
.reflet{position:absolute;z-index:1;left:0;right:0;top:calc(100% - 64px);height:64px;overflow:hidden;opacity:.34;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);mask-image:linear-gradient(180deg,#000,transparent 92%)}
.reflet img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transform:scaleY(-1);transform-origin:center;filter:blur(1.2px) saturate(.85);position:absolute;top:0;left:0;border-radius:0}
.reflet::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(248,239,220,.0) 0 5px,rgba(248,239,220,.55) 5px 7px)}
.soleil{position:absolute;z-index:0;left:50%;top:18%;width:130%;aspect-ratio:1;transform:translate(-50%,-30%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,220,150,.75) 0%,rgba(244,190,105,.35) 34%,rgba(244,190,105,0) 66%)}
.horizon{position:absolute;z-index:3;left:-120vw;bottom:52px;width:300vw;height:24px;overflow:visible;pointer-events:none}
.horizon path{fill:none;stroke:var(--or);stroke-width:1.1;vector-effect:non-scaling-stroke;opacity:.85}

/* Souffle (maquette 3) : nappes de brume qui dérivent très lentement, devant le fond immobile */
.souffle{position:absolute;inset:-20% -40%;z-index:0;pointer-events:none}
.souffle i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(255,252,244,.85),rgba(255,252,244,0))}
.souffle i:nth-child(1){width:70%;height:46%;left:-6%;top:10%}
.souffle i:nth-child(2){width:60%;height:40%;right:-8%;top:48%;background:radial-gradient(closest-side,rgba(219,229,236,.6),rgba(219,229,236,0))}
.souffle i:nth-child(3){width:50%;height:34%;left:28%;bottom:-6%}

/* Branche de prunier (maquette 2), posée sur l'arche */
.branche{position:absolute;z-index:4;left:-30%;top:-7%;width:96%;overflow:visible;pointer-events:none}
.branche .tige,.branche .brin,.bouquet .tige{fill:none;stroke:#3a3024;stroke-linecap:round;stroke-linejoin:round}
.branche .tige{stroke-width:4.2}
.branche .brin{stroke-width:2}
.fleur ellipse{fill:var(--prunier);stroke:var(--prunier-2);stroke-width:.8}
.fleur .coeur{fill:#e2b45f}
.fleur .et{fill:var(--prunier-3)}
.fleur .p{transform-box:fill-box;transform-origin:center}

/* Accueil : le héros */
.entry-header.heros{min-height:calc(100svh - 78px);padding-top:clamp(28px,5vw,64px);align-items:center;max-width:1500px}
.heros .entete-texte{padding-bottom:clamp(40px,6vw,96px)}
.heros .entry-title{order:-1;font-size:clamp(3.4rem,8.4vw,7.6rem);line-height:1;letter-spacing:-.005em;margin-bottom:.32em}
.heros .hero-area{display:flex;flex-direction:column;max-width:34rem}
.heros .hero-area-content{order:-1;font-family:var(--titre);font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.3;color:var(--encre);margin:0 0 .8rem}
.heros .hero-area-title{font-family:var(--texte);font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.6;color:var(--encre-2);margin:0;letter-spacing:0}
.heros .entete-texte::after{order:5}
.heros .seuil{padding-bottom:84px;align-self:center}
.heros .reflet{top:calc(100% - 84px);height:84px}
.heros .horizon{bottom:70px}

@media (max-width:899px){
  .entry-header,.entry-header.heros{grid-template-columns:minmax(0,1fr);gap:0;padding:28px 20px 0;min-height:0}
  .seuil{order:-1;width:min(56vw,270px);padding-bottom:46px;margin-bottom:26px}
  .seuil-grand{width:min(66vw,330px);padding-bottom:58px}
  .reflet{top:calc(100% - 46px);height:46px}
  .heros .seuil{padding-bottom:58px}
  .heros .reflet{top:calc(100% - 58px);height:58px}
  .horizon{bottom:36px;height:18px}
  .heros .horizon{bottom:46px}
  .entete-texte{padding-bottom:40px;text-align:center;align-items:center}
  .heros .hero-area{align-items:center}
  .entry-title{font-size:clamp(1.8rem,7.8vw,2.9rem)}
  .titre-long .entry-header:not(.heros) .entry-title{font-size:clamp(1.7rem,7vw,2.4rem)}
  .heros .entry-title{font-size:clamp(3rem,15vw,4.4rem)}
  .branche{left:-36%;width:104%}
}

/* ===================================================================
   5. Le contenu de Zahra : une colonne de lecture, de l'air
   =================================================================== */
.content-area,.site-main{display:block}
.entry-content{width:min(var(--large),calc(100% - 2 * var(--g)));margin:0 auto;padding:clamp(28px,4vw,56px) 0 clamp(80px,10vw,150px);font-size:1em}
.entry-content>*,.entry-content .wp-block-group__inner-container>*,.entry-content .iv-bloc>*{max-width:var(--col);margin-left:auto;margin-right:auto}
.entry-content>.wp-block-group,.entry-content .wp-block-group__inner-container>.wp-block-group,
.entry-content .wp-block-media-text,.entry-content .wp-block-columns,.entry-content .wp-block-cover,.entry-content .iv-bloc,
.entry-content .container-testimonials,.entry-content .wp-block-gallery,.entry-content .wp-block-embed,.entry-content .alignwide,.entry-content .alignfull{max-width:none}
.entry-content .wp-block-media-text,.entry-content .wp-block-columns,.entry-content .wp-block-cover,.entry-content .wp-block-embed,.entry-content .iv-bloc{max-width:62rem}
.entry-content p{text-align:left;hyphens:manual}
.entry-content .has-text-align-center{text-align:center}
.entry-content ul,.entry-content ol{padding-left:1.2em;margin-top:0;margin-bottom:1.3em}
.entry-content li{margin-bottom:.45em}
.entry-content li::marker{color:var(--or)}
.entry-content h2,.entry-content .wp-block-heading:is(h2){font-size:clamp(1.85rem,3.2vw,2.6rem)!important;line-height:1.2!important;margin-top:2.6em;margin-bottom:.75em;color:var(--vert)}
.entry-content h2::after{content:"";display:block;width:72px;height:14px;margin-top:.55em;background:var(--onde) left center/240px 14px repeat-x}
.entry-content .has-text-align-center::after,.entry-content h2.has-text-align-center::after{margin-left:auto;margin-right:auto}
.entry-content h3{font-size:clamp(1.4rem,2.2vw,1.75rem);margin-top:1.9em;color:var(--vert)}
.entry-content h4{font-size:1.25rem;margin-top:1.6em}
.entry-content>:first-child,.entry-content .wp-block-group__inner-container>:first-child{margin-top:0}
.lts-page{font-size:inherit;line-height:inherit}
.lts-page h2::after{background:var(--onde) left center/240px 14px repeat-x!important;width:72px!important;height:14px!important;border-radius:0!important}
.entry-content .lts-chapo{font-family:var(--titre);font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.5;color:var(--encre)}

/* Phrases mises en relief (le texte ne change pas : seule la lumière se pose dessus) */
.entry-content p.relief-seule{font-family:var(--titre);font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.35;color:var(--vert);margin-top:2.2em;margin-bottom:.9em}
.entry-content p.relief-seule strong{font-weight:400}
.relief{background-image:linear-gradient(transparent 62%,rgba(239,213,164,.75) 62%,rgba(239,213,164,.75) 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .06em}
.anim .relief.attend{background-size:0% 100%}
.anim .relief.vu{background-size:100% 100%;transition:background-size 3.2s var(--sinus)}

/* Encadrés colorés de ses pages (couleurs posées dans le contenu) : remis dans la lumière dorée */
.entry-content .wp-block-group.has-background:not(.wp-block-cover){background:rgba(251,245,233,.72)!important;color:var(--encre)!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(201,151,75,.26);padding:clamp(22px,3.4vw,44px)!important;max-width:52rem;margin:2.6em auto}
.entry-content .wp-block-group.has-background h2,.entry-content .wp-block-group.has-background h3{margin-top:0}

/* Citations */
.entry-content .wp-block-quote,.entry-content blockquote{position:relative;margin:2.6em auto;padding:2.2rem 0 0;border:0;text-align:center;font-style:normal;background:none}
.entry-content .wp-block-quote::before{content:"";position:absolute;left:50%;top:0;width:1px;height:1.5rem;background:var(--or)}
.entry-content .wp-block-quote p,.entry-content .lts-page blockquote p,.entry-content .lts-page blockquote{font-family:var(--titre);font-size:clamp(1.3rem,2.2vw,1.7rem)!important;line-height:1.45!important;color:var(--encre)!important;text-align:center!important;font-style:normal!important}
.entry-content .wp-block-quote cite{display:block;margin-top:.8rem;font-family:var(--texte);font-size:.82rem!important;letter-spacing:.24em;text-transform:uppercase;color:var(--or-fonce);font-style:normal;font-weight:400;text-align:center}
.lts-page .wp-block-columns .wp-block-quote{background:rgba(251,245,233,.75)!important;border-radius:2px!important;padding:2rem 1.4rem 1.4rem!important;box-shadow:0 0 0 1px rgba(201,151,75,.22);text-align:left}
.lts-page .wp-block-columns .wp-block-quote::before{top:.6rem}
.lts-page .wp-block-columns .wp-block-quote p{font-size:1.12rem!important}

/* Média et texte, colonnes, images : de l'espace, des arches, l'effet coton */
.entry-content .wp-block-media-text{display:grid;grid-template-columns:44% minmax(0,1fr)!important;gap:clamp(24px,4.5vw,72px);align-items:center;margin:3.2em auto}
.entry-content .wp-block-media-text.has-media-on-the-right{grid-template-columns:minmax(0,1fr) 44%!important}
.entry-content .wp-block-media-text__content{padding:0!important}
.entry-content .wp-block-media-text__content>*{max-width:34rem}
.entry-content .wp-block-media-text__media{margin:0}
.entry-content .wp-block-media-text__media img{width:100%;max-height:560px;object-fit:cover;border-radius:999px 999px 3px 3px / 340px 340px 3px 3px;box-shadow:0 30px 60px -44px rgba(122,82,22,.6)}
.entry-content .wp-block-media-text.is-image-fill-element .wp-block-media-text__media,.entry-content .wp-block-media-text .is-image-fill-element{min-height:420px;border-radius:999px 999px 3px 3px / 340px 340px 3px 3px;overflow:hidden}
@media (max-width:781px){
  .entry-content .wp-block-media-text,.entry-content .wp-block-media-text.has-media-on-the-right{grid-template-columns:100%!important;gap:28px}
  .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-row:1}
  .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-row:2}
  .entry-content .wp-block-media-text__media img{max-height:440px}
  .entry-content .wp-block-media-text__content>*{max-width:none}
}
.entry-content .wp-block-columns{gap:clamp(20px,3.5vw,56px);margin:2.8em auto;margin-top:2.8em!important}
.entry-content .wp-block-image{margin:2.6em auto}
.entry-content .wp-block-image img{border-radius:3px}
.entry-content figcaption,.entry-content .wp-element-caption{font-size:.88rem;color:var(--encre-2);text-align:center;margin-top:.7rem}
.entry-content .is-style-rounded img{border-radius:50%}
.entry-content .wp-block-cover{border-radius:3px;overflow:hidden;margin:3em auto;min-height:340px}
.entry-content .wp-block-cover p{color:#fffaf0;text-shadow:0 1px 10px rgba(0,0,0,.45);text-align:center}
.entry-content .wp-block-cover .wp-block-cover__background{opacity:.42}

/* Effet coton : l'image apparaît comme un lavis d'encre qui s'étale sur du papier (maquette 2) */
.anim .coton.attend{-webkit-mask-image:var(--coton-1);mask-image:var(--coton-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:0% auto;mask-size:0% auto}
.anim .coton.c2.attend{-webkit-mask-image:var(--coton-2);mask-image:var(--coton-2)}
.anim .coton.c3.attend{-webkit-mask-image:var(--coton-3);mask-image:var(--coton-3)}
.anim .coton.attend.vu{-webkit-mask-size:460% auto;mask-size:460% auto;transition:-webkit-mask-size 4.2s var(--sinus),mask-size 4.2s var(--sinus)}

/* Boutons : le vert du logo, un point d'or */
.entry-content .wp-block-buttons{gap:.8rem 1rem;margin:2em auto}
.entry-content .wp-block-button__link,.wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-family:var(--texte);font-size:1.02rem!important;line-height:1.3;text-shadow:none!important;text-decoration:none;border-radius:999px!important;padding:.95rem 1.7rem!important;background:var(--vert)!important;color:#fbf3e2!important;border:0!important;box-shadow:0 14px 30px -18px rgba(31,74,31,.7),inset 0 0 0 1px rgba(230,191,115,.35);transition:background 1s var(--sinus),box-shadow 1s var(--sinus),transform 1s var(--sinus)}
.entry-content .wp-block-button__link::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--or-vif);box-shadow:0 0 0 4px rgba(230,191,115,.22)}
.entry-content .wp-block-button__link:hover,.entry-content .wp-block-button__link:focus,.wpcf7-submit:hover{background:#163916!important;box-shadow:0 18px 34px -16px rgba(31,74,31,.75),inset 0 0 0 1px rgba(230,191,115,.6)}
.entry-content .is-style-outline>.wp-block-button__link{background:transparent!important;color:var(--vert)!important;box-shadow:inset 0 0 0 1px var(--or)!important}
.entry-content .is-style-outline>.wp-block-button__link:hover{background:rgba(239,213,164,.4)!important}
.anim .entry-content .wp-block-button__link::before{animation:respire-point 6s var(--sinus) infinite}
@keyframes respire-point{50%{box-shadow:0 0 0 7px rgba(230,191,115,.08)}}

/* Séparateurs : une ligne horizontale qui ondule doucement */
.entry-content hr,.entry-content .wp-block-separator{border:0!important;height:16px!important;width:min(100%,var(--col))!important;max-width:var(--col);margin:3.4em auto!important;background:var(--onde) 0 center/240px 16px repeat-x!important;opacity:.9}
.anim .entry-content .wp-block-separator,.anim .entry-content hr{animation:onde-hr 48s linear infinite}
@keyframes onde-hr{to{background-position:-240px center}}
.entry-content .wp-block-spacer{max-width:none}

/* Questions (accordéons) */
.entry-content .wp-block-details{border-top:1px solid rgba(201,151,75,.35);padding:1.05em 0;margin:0 auto}
.entry-content .wp-block-details:last-of-type{border-bottom:1px solid rgba(201,151,75,.35)}
.entry-content .wp-block-details summary{cursor:pointer;font-family:var(--titre);font-size:1.2rem;font-weight:400;color:var(--vert);list-style:none;position:relative;padding-right:2rem}
.entry-content .wp-block-details summary::-webkit-details-marker{display:none}
.entry-content .wp-block-details summary::after{content:"";position:absolute;right:.3rem;top:.55em;width:11px;height:11px;border-right:1px solid var(--or-fonce);border-bottom:1px solid var(--or-fonce);transform:rotate(45deg);transition:transform 1s var(--sinus)}
.entry-content .wp-block-details[open] summary::after{transform:rotate(225deg)}
.entry-content .wp-block-details>:not(summary){margin-top:.8em}

/* Tableaux */
.entry-content table{width:100%;border-collapse:collapse;font-size:.95em}
.entry-content th,.entry-content td{padding:.6em .7em;border:0;border-bottom:1px solid rgba(201,151,75,.3);text-align:left;vertical-align:top}
.entry-content th{font-weight:700;background:rgba(239,213,164,.3)}

/* Vidéos YouTube */
.entry-content .wp-block-embed{margin:3em auto}
.entry-content .wp-block-embed__wrapper{border-radius:3px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(42,37,31,.55)}

/* Réseaux sociaux */
.entry-content .wp-block-social-links{justify-content:center;gap:.9rem;margin:3.2em auto 0;padding:0;list-style:none}
.entry-content .wp-social-link{background:transparent!important;color:var(--vert)!important;box-shadow:inset 0 0 0 1px rgba(201,151,75,.55);border-radius:50%;transition:background 1s var(--sinus),transform 1s var(--sinus)}
.entry-content .wp-social-link a{padding:.62em;color:inherit!important}
.entry-content .wp-social-link svg{fill:currentColor;width:1.15em;height:1.15em}
.entry-content .wp-social-link:hover{background:rgba(239,213,164,.5)!important;transform:none}
/* Téléphone : les 6 icônes sur une ligne (11/11/2026) */
@media (max-width:479px){.entry-content .wp-block-social-links{gap:.45rem}.entry-content .wp-social-link a{padding:.46em}}
@media (max-width:379px){.entry-content .wp-block-social-links{gap:.3rem}.entry-content .wp-social-link a{padding:.34em}.entry-content .wp-social-link svg{width:1.05em;height:1.05em}}

/* ===================================================================
   6. L'interview ABC Talk TV (bloc posé le 03/11) : même contenu, habit doré
   =================================================================== */
body .iv-bloc{max-width:62rem;margin:4.4em auto;padding:clamp(28px,4vw,56px) clamp(18px,4vw,56px);text-align:center;position:relative;background:rgba(251,245,233,.62);box-shadow:0 0 0 1px rgba(201,151,75,.24);border-radius:2px}
body .iv-bloc>*{max-width:none}
body .iv-bloc h2{margin-top:0!important;font-size:clamp(1.85rem,3.4vw,2.6rem)!important}
body .iv-bloc h2::after{margin-left:auto;margin-right:auto}
body .iv-sous{font-style:normal;font-family:var(--titre);color:var(--encre-2);font-size:1.08rem;margin:0 0 1.6rem}
body .iv-video{border-radius:2px;background:var(--nuit);box-shadow:0 34px 70px -40px rgba(18,28,44,.75)}
body .iv-video img{transition:transform 2.4s var(--sinus)}
body .iv-video:hover img{transform:scale(1.025)}
body .iv-video .iv-play{background:rgba(251,245,233,.92);box-shadow:0 0 0 10px rgba(251,245,233,.2)}
body .iv-video .iv-play::after{border-color:transparent transparent transparent var(--vert)}
body .iv-cookie{font-size:.82rem;color:var(--encre-2)}
body .iv-citation{font-family:var(--titre);font-style:normal;font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.45;color:var(--vert);max-width:40rem;margin:2rem auto 0}
body .iv-citation small{font-family:var(--texte);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:var(--or-fonce);margin-top:.9rem}
body .iv-liens{gap:.5rem 1.6rem;font-size:1.02rem;margin-top:1.8rem}
body .iv-liens span{font-family:var(--titre);color:var(--encre-2)}
body .iv-liens a{text-decoration:none;border-bottom:1px solid rgba(201,151,75,.5);padding-bottom:.1rem}
body #intervista.iv-bloc{text-align:left;padding:clamp(28px,4vw,56px) clamp(18px,4vw,56px)!important;max-width:62rem}
body #intervista.iv-bloc>*{max-width:860px;margin-left:auto;margin-right:auto}
body #intervista.iv-bloc h2::after{margin-left:0}

/* ===================================================================
   7. Témoignages (carrousel d'origine, rendu plus lent)
   =================================================================== */
.container-testimonials{max-width:52rem!important;margin:2em auto 3em!important;position:relative}
#testimonials .caroufredsel_wrapper{margin:0 auto!important}
.testimonial{list-style:none;padding:0 clamp(4px,3vw,40px);text-align:center}
.testimonial blockquote{margin:0;padding:3.4rem 0 0!important;border:0;background:none;position:relative}
.testimonial blockquote::before{content:""!important;position:absolute;left:50%;top:0;width:44px;height:30px;transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Cpath d='M18 2C9 4 2 11 2 20c0 5 3 8 7 8s7-3 7-7-3-7-7-7c1-5 5-8 10-10zM42 2c-9 2-16 9-16 18 0 5 3 8 7 8s7-3 7-7-3-7-7-7c1-5 5-8 10-10z' fill='%23d4a556'/%3E%3C/svg%3E") center/contain no-repeat}
.testimonial blockquote p{font-family:var(--texte);font-size:1.12rem;line-height:1.7;color:var(--encre);text-align:center!important;font-style:normal}
.testimonial .client_identity{text-align:center!important;font-family:var(--titre);font-size:.86rem;letter-spacing:.3em;text-transform:uppercase;color:var(--or-fonce);margin-top:1.2rem;font-weight:400}
.calo-flex-center{display:flex;justify-content:center;gap:1.2rem;margin-top:1.6rem}
.calo-flex-center a.t-prev,.calo-flex-center a.t-next{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(201,151,75,.6);color:var(--vert);text-decoration:none;transition:background 1s var(--sinus)}
.calo-flex-center a:hover{background:rgba(239,213,164,.5)}
.calo-flex-center .fa{display:block;width:16px;height:1px;background:currentColor;position:relative}
.calo-flex-center .fa::after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-top:1px solid currentColor;border-left:1px solid currentColor}
.calo-flex-center .fa-arrow-left::after{left:0;transform:rotate(-45deg)}
.calo-flex-center .fa-arrow-right::after{right:0;transform:rotate(135deg)}

/* ===================================================================
   8. Formulaire de contact
   =================================================================== */
.wpcf7{max-width:var(--col);margin:2em auto}
.wpcf7-form p{margin-bottom:1.3em}
.wpcf7-form label{display:block;font-family:var(--titre);color:var(--vert);font-size:1.02rem}
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),.wpcf7-form textarea,.wpcf7-form select{width:100%;margin-top:.4rem;padding:.85rem 1rem;font:inherit;font-size:1rem;color:var(--encre);background:rgba(251,245,233,.85);border:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(201,151,75,.45);transition:box-shadow .8s var(--sinus),background .8s var(--sinus)}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:none;background:#fffaf0;box-shadow:inset 0 0 0 1px var(--vert),0 0 0 4px rgba(239,213,164,.5)}
.wpcf7-form textarea{min-height:180px;resize:vertical}
.wpcf7-submit{cursor:pointer;font-size:1.02rem}
.wpcf7-response-output{border-radius:2px;border-color:var(--or)!important;padding:.8rem 1rem!important;margin:1.2em 0 0!important}

/* ===================================================================
   9. Témoignages seuls, actualités, articles (gabarits d'origine)
   =================================================================== */
.single .entry-content,.single-testimonial .entry-content{padding-top:clamp(28px,4vw,48px)}
.entry-meta,.entry-footer,.entry-links{max-width:var(--col);margin:0 auto 1.2em;font-size:.9rem;color:var(--encre-2);padding:0 var(--g)}
.entry-footer{padding-bottom:2rem}
.single .entry-header{display:block;padding-bottom:0;max-width:calc(var(--col) + 2 * var(--g))}
.single .entete-texte,.single .entry-header>.entry-title{padding-bottom:0}
.single .entry-header::after{content:"";display:block;width:64px;height:16px;margin-top:1.4rem;background:var(--onde) left center/240px 16px repeat-x}
.entry-author{max-width:var(--col);margin:2em auto;padding:1.4rem 1.6rem;box-shadow:0 0 0 1px rgba(201,151,75,.24);background:rgba(251,245,233,.6);border-radius:2px;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;align-items:center}
.entry-author>*{min-width:0}
.entry-author .author-bio{grid-column:1/-1;padding:0;margin:.3rem 0 0;font-size:.92rem;background:none;box-shadow:none;display:block}
.entry-links:empty{display:none}
.author-link a,.entry-links a{box-shadow:none}
.author-avatar img{border-radius:50%;width:56px;height:56px}
.author-title{font-family:var(--titre);font-size:1.1rem;margin:0 0 .3rem;color:var(--vert)}
.author-heading,.author-name{margin:0}
.post-navigation{max-width:var(--large);margin:0 auto clamp(60px,8vw,110px);padding:0 var(--g)}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:1.4rem;border-top:1px solid rgba(201,151,75,.35);padding-top:1.4rem}
.post-navigation a{text-decoration:none;font-family:var(--titre);font-size:1.1rem;display:block}
.post-navigation .meta-nav{display:block;font-family:var(--texte);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--or-fonce);margin-bottom:.3rem}
.post-navigation .nav-next{text-align:right;margin-left:auto}
.news_page{max-width:var(--col);margin:0 auto;padding:clamp(48px,7vw,100px) var(--g) clamp(60px,8vw,110px)}
.news_page h4{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.4em}
.news-_metas p{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or-fonce)}
.entry-thumbnail{display:none}
.page-links{max-width:var(--col);margin:2em auto}

/* ===================================================================
   10. Pied de page : la nuit douce et le bouquet
   =================================================================== */
.pied{position:relative;z-index:1;color:#efe5cf;background:linear-gradient(180deg,#25384f 0%,#172437 55%,#0f1828 100%);padding:clamp(70px,9vw,120px) var(--g) calc(36px + env(safe-area-inset-bottom));margin-top:auto;overflow:hidden}
.pied::before{content:"";position:absolute;left:50%;top:-30%;width:min(900px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(230,191,115,.20),rgba(230,191,115,0) 62%);pointer-events:none}
.pied-onde{position:absolute;top:22px;left:0;width:200%;height:22px;overflow:visible;pointer-events:none}
.pied-onde path{fill:none;stroke:rgba(230,191,115,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.pied-int{position:relative;max-width:var(--large);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}
.pied-bouquet{width:120px}
.bouquet{width:100%;height:auto;display:block;overflow:visible}
.bouquet .tige{stroke:#cdb98f;stroke-width:2.2}
.pied .fleur ellipse{fill:#f6dfe3;stroke:#e3b0c4}
.contact-info-area{width:100%}
.contact-info-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 2.4rem}
.contact-info-wrapper>span a{display:inline-flex;align-items:center;gap:.6rem;color:#f4ead6;text-decoration:none;font-size:1.06rem;padding:.3rem 0}
.contact-info-wrapper>span a:hover{color:var(--or-vif)}
.contact-info-area .icon{width:1.15em;height:1.15em;fill:var(--or-vif);flex:none}
.site-footer{width:100%;border-top:1px solid rgba(230,191,115,.22);padding-top:1.2rem;margin-top:.6rem}
.site-info{font-size:.84rem;letter-spacing:.2em;text-transform:uppercase;color:#cbbd9f}
.site-info a:empty{display:none}
.site-info{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 1.6em}
.msh-credit{letter-spacing:.12em;opacity:.85}
.msh-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:.05em}
.msh-credit a:hover{opacity:1;color:#fff}

/* ===================================================================
   11. Mouvement : lent, doux, et seulement si le visiteur l'accepte.
       Sans la classe .anim (mouvement réduit, ou JS absent) : tout est
       visible et immobile.
   =================================================================== */
.anim .horizon{animation:onde-h 70s linear infinite}
@keyframes onde-h{to{transform:translateX(-25%)}}
.anim .pied-onde{animation:onde 90s linear infinite}
@keyframes onde{to{transform:translateX(-50%)}}
.anim .souffle i:nth-child(1){animation:derive-a 52s var(--sinus) infinite alternate}
.anim .souffle i:nth-child(2){animation:derive-b 66s var(--sinus) infinite alternate}
.anim .souffle i:nth-child(3){animation:derive-a 74s var(--sinus) infinite alternate-reverse}
@keyframes derive-a{to{transform:translate3d(14%,6%,0) scale(1.12)}}
@keyframes derive-b{to{transform:translate3d(-12%,-8%,0) scale(1.08)}}
.anim .soleil{animation:respire 12s var(--sinus) infinite}
@keyframes respire{50%{transform:translate(-50%,-30%) scale(1.07);opacity:.85}}
.anim .arche img{animation:arche-entree 3.2s var(--sinus-sortie) both}
@keyframes arche-entree{from{transform:scale(1.07)}to{transform:scale(1)}}
.anim .branche .tige,.anim .branche .brin{stroke-dasharray:1;stroke-dashoffset:1;animation:tracer 4.6s .6s var(--sinus) forwards}
.anim .branche .brin{animation-delay:2.4s;animation-duration:3s}
@keyframes tracer{to{stroke-dashoffset:0}}
.anim .branche .fleur .p{transform:scale(.2) rotate(-50deg);opacity:0;animation:eclore 3.4s var(--sinus-sortie) forwards;animation-delay:calc(2.6s + var(--i) * .55s)}
@keyframes eclore{to{transform:none;opacity:1}}
.anim .pied .fleur .p{animation:balance 9s var(--sinus) infinite alternate;animation-delay:calc(var(--i) * -1.7s)}
@keyframes balance{to{transform:rotate(14deg)}}
/* Apparition des textes : l'état caché n'est posé que par le JS, avec filet de sécurité */
.anim .monte.attend{opacity:0;transform:translateY(18px)}
.anim .monte.attend.vu{opacity:1;transform:none;transition:opacity 2.2s var(--sinus),transform 2.6s var(--sinus-sortie)}
.anim .heros .entete-texte>*{animation:monte 2.6s var(--sinus-sortie) both}
.anim .heros .hero-area-content{animation-delay:.5s}
.anim .heros .hero-area-title{animation-delay:1s}
@keyframes monte{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===================================================================
   12. Petits écrans : rien ne dépasse
   =================================================================== */
@media (max-width:600px){
  .entry-content{width:calc(100% - 40px)}
  .entry-content h2,.entry-content .wp-block-heading:is(h2){font-size:clamp(1.35rem,6vw,1.85rem)!important}
  .single .entry-title{font-size:clamp(1.5rem,7vw,2.2rem)}
  .entry-author{grid-template-columns:1fr;text-align:center;justify-items:center}
  .entry-content h3{font-size:1.32rem}
  .entry-content .wp-block-buttons{flex-direction:column;align-items:stretch}
  .entry-content .wp-block-button,.entry-content .wp-block-button__link{width:100%}
  body .iv-bloc{padding:28px 16px}
  .contact-info-wrapper{flex-direction:column;align-items:center;gap:.4rem}
  .post-navigation .nav-links{flex-direction:column}
  .post-navigation .nav-next{text-align:left;margin-left:0}
}

/* 07/11/2026 : retouches demandées par Florian (capture mobile) */
/* 1. En-tête opaque : plus de texte visible au travers au défilement */
.site-header,.home .site-header.plein{background:#faf3e5}
/* 2. Témoignages centrés : la marge intérieure était ajoutée à la largeur calculée par le carrousel */
.testimonial{box-sizing:border-box}
/* 3. Moins de vide : deux espaceurs à la suite n'en font plus qu'un, et plus courts sur téléphone */
.entry-content .wp-block-spacer+.wp-block-spacer{display:none}
@media (max-width:640px){.entry-content .wp-block-spacer{height:28px!important}.iv-bloc{margin-top:2.2rem!important}}
#testimonials-carousel{padding:0!important;margin:0!important}

/* 09/11 : photo montrée en entier, sans découpe en arche (demande de Zahra pour le Qi Gong : « qu'on voie mes mains ») */
.entry-content .wp-block-media-text.msh-entiere .wp-block-media-text__media img{max-height:none;object-fit:contain;height:auto;border-radius:14px}