/*
Theme Name: Letitia AV
Theme URI: https://letitia-av.com
Author: Letitia AV
Description: Theme sur mesure de letitia-av.com (aucun constructeur ni theme parent tiers). Pages assemblees a partir de modules JSON (meta _adw_modules), editeur visuel integre (?adw_edit=1), SEO et donnees structurees natifs. Design system « Serenite » (sauge + corail, Red Hat Display / Lato / Dancing Script).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: agentduweb
*/

:root{
  --color-ink:#12302E;
  --color-blue:#3E6664;
  --color-coral:#E07A5F;
  --color-surface:#FAF7F2;
  --color-line:#E3DDD2;
  --color-white:#FFFFFF;
  --font-display:"Red Hat Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --container-max:1200px;
  --text-max:720px;
  --gap:24px;
  --radius-field:4px;
  --radius-card:14px;
  --radius-visual:24px;
  --radius-pill:999px;
  --motion:200ms;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--color-ink);
  background:var(--color-white);
  line-height:1.55;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  margin:0 0 16px;
  line-height:1.2;
}
h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.02em;}
h3{font-size:clamp(20px,1.8vw,25px);}
a{color:var(--color-blue);text-decoration:none;}
.o-container{max-width:var(--container-max);margin:0 auto;padding-inline:24px;}
@media (min-width:900px){.o-container{padding-inline:40px;}}

.pluggio-module{padding-top:60px;padding-bottom:60px;}
.pluggio-module--surface{background:var(--color-surface);}

.c-button{
  display:inline-block;
  padding:12px 24px;
  border-radius:var(--radius-pill);
  background:var(--color-coral);
  color:var(--color-white);
  text-decoration:none;
  font-weight:600;
  transition:transform var(--motion), box-shadow var(--motion);
}
.c-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(224,122,95,.35);}
.c-button--coral{background:var(--color-coral);}
.c-button--blue{background:var(--color-blue);}
.c-button--blue:hover{box-shadow:0 10px 24px rgba(62,102,100,.35);}

/* Header / Footer */
.adw-header{border-bottom:1px solid var(--color-line);}
.adw-header__bar{display:flex;align-items:center;justify-content:space-between;padding-block:16px;}
.adw-header__logo img{height:60px;display:block;}
.adw-header__nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;}
.adw-header__nav a{color:var(--color-ink);text-decoration:none;font-weight:500;}

/* Pied de page : sans fond, 4 colonnes (marque | menu + contact | infos legales | reseaux sociaux) */
.adw-footer{background:transparent;color:var(--color-ink);padding-block:56px 28px;border-top:1px solid var(--color-line);}
.adw-footer a{color:var(--color-ink);text-decoration:none;}
.adw-footer a:hover{color:var(--color-blue);text-decoration:underline;text-underline-offset:3px;}
.adw-footer__grid{display:grid;gap:40px 32px;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:start;}
.adw-footer__grid ul{list-style:none;margin:0;padding:0;}
.adw-footer__grid li{margin-bottom:10px;}
.adw-footer__brand{display:flex;align-items:center;margin-bottom:14px;}
.adw-footer__logo{height:56px;width:auto;max-width:100%;display:block;}
.adw-footer__col--brand p{margin:0;color:#5A6968;max-width:34ch;}
.adw-footer__contact a{font-weight:700;}
.adw-footer .adw-cookie-manage{margin:0;color:var(--color-ink);text-decoration:none;}
.adw-footer .adw-cookie-manage:hover{color:var(--color-blue);text-decoration:underline;text-underline-offset:3px;}
.adw-footer__title{margin:0 0 14px;font-weight:800;font-size:15px;line-height:1.3;color:var(--color-ink);}
.adw-social{display:flex;flex-direction:column;gap:14px;}
.adw-footer__grid .adw-social li{margin:0;}
.adw-social__link{display:inline-block;line-height:0;transition:transform var(--motion);}
a.adw-social__link:hover{transform:translateY(-3px);text-decoration:none;}
.adw-social__link--empty{cursor:default;}
.adw-social__icon{width:56px;height:56px;display:block;}
.adw-footer__bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--color-line);font-size:13px;color:#5A6968;}
.adw-footer__bottom p{margin:0;}
@media (max-width:900px){.adw-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.adw-footer{padding-block:40px 24px;}.adw-footer__grid{grid-template-columns:1fr;}}

/* Hero centered */
.c-hero--centered{text-align:center;}
.c-hero--centered h1{font-size:clamp(48px,7vw,90px);max-width:min(28ch,900px);margin:0 auto 28px;}
.c-hero--centered p{font-size:18px;max-width:var(--text-max);margin:0 auto 32px;color:#5A6968;}
.c-hero--centered .c-button{padding:17px 34px;font-size:21px;}
@media (min-width:900px){
  .c-hero--centered h1{max-width:50vw;}
  .c-hero--centered p{max-width:60vw;}
}
@media (min-width:1200px){
  .c-hero--centered h1{max-width:min(65vw,1100px);}
}

/* Feature grid */
.c-feature-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.c-feature-grid li{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:24px;}
.c-feature-grid li h3{font-size:18px;}

/* CTA band */
.c-cta-band{background:var(--color-ink);color:var(--color-white);text-align:center;border-radius:0;padding-top:60px;padding-bottom:60px;}
.c-cta-band h2{color:var(--color-white);font-size:clamp(32px,4vw,48px);}
.c-cta-band .c-button{margin-top:16px;padding:18px 40px;font-size:18px;}

/* === Tokens additionnels (bibliotheque de modules) === */
:root{
  --color-cream:#F7EDE2;
  --color-mist:#E7F0ED;
  --color-blue-2:#D2E3D5;
  --shadow:0 24px 80px rgba(18,48,46,.14);
}

/* Variantes de fond de module */
.pluggio-module--dark{color:var(--color-white);background:var(--color-ink);}
.pluggio-module--dark p{color:#DCE9E4;}
.pluggio-module--blue{color:var(--color-white);background:linear-gradient(120deg,var(--color-ink) 0%,#2C4B49 54%,var(--color-blue) 100%);}
.pluggio-module--blue p{color:#DCE9E4;}
.pluggio-module--cream{background:var(--color-cream);}
.pluggio-module--mist{background:var(--color-mist);}
.pluggio-module--coral{background:var(--color-coral);color:var(--color-white);}

/* Composants partages de la bibliotheque de modules */
h3{font-size:22px;line-height:1.08;}
.c-kicker{display:inline-block;color:var(--color-coral);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.c-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));}
.c-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.c-card{position:relative;padding:30px;border:1px solid var(--color-line);border-radius:var(--radius-visual);background:var(--color-white);box-shadow:0 10px 35px rgba(18,48,46,.05);transition:transform var(--motion), box-shadow var(--motion);}
.c-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(18,48,46,.13);}
.c-card--dark{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--color-white);}
.c-card--dark p{color:#CFE0DB;}
.c-card--featured{grid-column:span 2;min-height:290px;background:linear-gradient(135deg,#EEF4F1,#D2E3D5);}
.c-card--coral{background:linear-gradient(135deg,var(--color-coral),#EFA088);color:var(--color-white);border:0;}
.c-card--coral p{color:#FFF6F2;}
.c-card--blue{background:linear-gradient(135deg,#EEF4F1,#D2E3D5);border-color:transparent;}
.c-card--mist{background:var(--color-mist);border-color:transparent;}
.c-card--cream{background:var(--color-cream);border-color:transparent;}
.c-number{font-size:64px;font-weight:900;letter-spacing:-.06em;}
.c-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--color-ink);color:var(--color-white);font-weight:900;font-size:18px;margin-bottom:18px;}
.c-pill{display:inline-flex;padding:8px 12px;border-radius:var(--radius-pill);background:var(--color-mist);font-size:13px;font-weight:700;}
.c-pill--blue{background:#E7F0ED;color:#2C4B49;}
.c-pill--coral{background:#FBEAE4;color:#C2604A;}
.c-visual{position:relative;min-height:340px;border-radius:28px;background:linear-gradient(145deg,var(--color-ink),var(--color-blue));box-shadow:var(--shadow);overflow:hidden;}
.c-visual--photo{background:#F2EDE4;}
.c-visual--photo:before,.c-visual--photo:after{display:none;}
.c-visual--photo img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;}
.c-card--photo{padding:0;overflow:hidden;}
.c-card--photo img{display:block;width:100%;height:100%;min-height:270px;object-fit:cover;}
.c-visual:before,.c-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);}
.c-visual:before{width:330px;height:330px;right:-100px;top:-120px;background:rgba(224,122,95,.72);}
.c-visual:after{width:300px;height:300px;left:-120px;bottom:-160px;background:rgba(210,227,213,.6);}
.c-window{position:absolute;inset:54px 44px;background:rgba(255,255,255,.94);border-radius:15px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.22);z-index:1;}
.c-window__bar{display:flex;gap:6px;margin-bottom:20px;}
.c-window__bar i{width:9px;height:9px;border-radius:50%;background:var(--color-coral);}
.c-window__bar i:nth-child(2){background:#F3C969;}
.c-window__bar i:nth-child(3){background:#5DC98D;}
.c-window__line{height:12px;margin:12px 0;border-radius:var(--radius-pill);background:var(--color-line);}
.c-window__line--short{width:58%;}
.c-window__line--blue{background:#A9C9BF;}
.c-orb{position:absolute;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue),var(--color-coral));opacity:.35;}
.c-stat-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;}
.c-stat{padding:18px 20px;border-left:3px solid var(--color-coral);background:rgba(255,255,255,.08);}
.c-stat strong{display:block;font-size:34px;line-height:1;}
.c-marquee{display:flex;gap:54px;flex-wrap:wrap;align-items:center;opacity:.72;}
.c-marquee span{font-size:22px;font-weight:900;letter-spacing:-.03em;}
.c-list{display:grid;gap:14px;padding:0;list-style:none;}
.c-list li{display:flex;gap:14px;align-items:flex-start;}
.c-list li:before{content:"\2197";color:var(--color-coral);font-weight:900;}
.c-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;}
.c-tabs button{border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:11px 15px;background:var(--color-white);font-weight:800;cursor:pointer;}
.c-tabs button.is-active{background:var(--color-ink);color:var(--color-white);}
.c-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:stretch;}
.c-panel__main{padding:36px;border-radius:var(--radius-visual);background:var(--color-mist);}
.c-chart{display:flex;align-items:end;gap:12px;height:180px;padding:20px;background:var(--color-ink);border-radius:var(--radius-visual);}
.c-chart i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(var(--color-blue-2),var(--color-blue));}
.c-chart i:nth-child(2){height:60%;}
.c-chart i:nth-child(3){height:78%;}
.c-chart i:nth-child(4){height:48%;}
.c-chart i:nth-child(5){height:92%;}
.c-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;}
.c-footer-grid ul{padding:0;list-style:none;color:#C5D8D2;}
.c-footer-grid li{margin:9px 0;}
table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:16px;overflow:hidden;box-shadow:0 10px 35px rgba(18,48,46,.06);}
th,td{padding:18px;text-align:left;border-bottom:1px solid var(--color-line);}
th{background:var(--color-ink);color:var(--color-white);}
tr:last-child td{border-bottom:0;}
details{padding:22px 0;border-bottom:1px solid var(--color-line);}
summary{cursor:pointer;font-size:20px;font-weight:800;}
form{display:grid;gap:12px;}
input,textarea,select{width:100%;padding:15px 16px;border:1px solid var(--color-line);border-radius:10px;font:inherit;background:var(--color-white);}
.c-form-card{padding:34px;border-radius:var(--radius-visual);background:var(--color-white);box-shadow:var(--shadow);}

/* Composants specifiques a certains modules */
.c-announcement-bar{padding-block:13px;}
.c-announcement-bar .o-container{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;}
.c-quote-highlight__mark{font-size:72px;color:var(--color-coral);display:block;}
.c-quote-highlight blockquote{font-size:clamp(30px,4vw,54px);line-height:1.08;max-width:900px;margin:auto;}
.c-testimonial blockquote{font-size:clamp(30px,4vw,58px);line-height:1.06;max-width:920px;margin:24px 0;}
.c-testimonial figcaption{color:#C5D8D2;}

@media(max-width:820px){.c-grid,.c-grid--2,.c-panel,.c-footer-grid{grid-template-columns:1fr;}.c-card--featured{grid-column:auto;}}

/* Composants partages - batch 2 */
.c-button--outline{border-color:var(--color-ink);background:transparent;color:var(--color-ink);}
.c-button--light{background:var(--color-white);color:var(--color-ink);}
.c-icon--blue{background:var(--color-blue);}
.c-icon--coral{background:var(--color-coral);}
.c-icon--muted{background:#4F6664;}
.c-icon--on-coral{background:var(--color-white);color:var(--color-coral);}
.c-pill--on-coral{background:var(--color-white);color:var(--color-coral);}
.c-icon--round{border-radius:50%;}


/* Hero plein ecran (etape 5 - 18/09/2026, etendu au mobile le 28/09/2026) : accueil + pages services + pages villes */
[data-module^="hero-"]{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
[data-module^="hero-"].has-bg-image{
  position:relative;
  background-size:cover;
  background-position:center;
  color:var(--color-white);
}
[data-module^="hero-"].has-bg-image::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(18,48,46,.55), rgba(18,48,46,.7));
  z-index:0;
}
[data-module^="hero-"].has-bg-image > *{position:relative;z-index:1;}
[data-module^="hero-"].has-bg-image h1,
[data-module^="hero-"].has-bg-image p,
[data-module^="hero-"].has-bg-image .c-kicker{color:var(--color-white);}


/* Ameliorations visuelles (18/09/2026) - retour utilisateur sur home/services */
[data-module="metrics-strip"] .c-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;}
[data-module="process-steps"] .c-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.c-card .c-button{margin-top:14px;}


/* Retour utilisateur round 2 (18/09/2026) */
.c-cta-band p{max-width:620px;margin:14px auto 6px;color:#DCE9E4;font-size:17px;}

/* Section image-text : quand une vraie photo est utilisee, taille fixe demandee
   (750x1200 sur PC) au lieu du mockup generique 340px de haut. */
@media (min-width:900px){
  [data-module="image-text"] .o-container.c-panel{grid-template-columns:1fr 1fr;align-items:center;gap:56px;}
  [data-module="image-text"] .c-visual--photo{width:500px;height:800px;max-width:100%;min-height:0;margin-inline:auto;}
  [data-module="image-text"] .c-visual--photo img{width:100%;height:100%;object-fit:cover;min-height:0;}
}
[data-module="image-text"] .c-visual--photo{border-radius:var(--radius-visual);overflow:hidden;}


/* Effet 3D sur les cartes de la section services (18/09/2026) */
[data-module="service-grid"] .c-card{transform-style:preserve-3d;perspective:800px;transition:transform .3s ease, box-shadow .3s ease;}
[data-module="service-grid"] .c-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(18,48,46,.13);}


/* values-grid v2 : liste interactive + visuel qui change au survol (18/09/2026,
   inspire d'une reference fournie par l'utilisateur - texte a gauche, photo a
   droite, titres seuls visibles au repos, detail + photo au survol). */
.c-value-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch;margin-top:40px;}
.c-value-list{display:flex;flex-direction:column;}
.c-value-item{padding:22px 4px 22px 22px;border-left:3px solid transparent;border-bottom:1px solid var(--color-line);cursor:pointer;transition:border-color .25s ease, padding-left .25s ease;}
.c-value-item:last-child{border-bottom:0;}
.c-value-item__head{display:flex;align-items:center;gap:16px;}
.c-value-item__head h3{margin:0;transition:color .25s ease;}
.c-value-item__num{color:#9DB3AE;font-weight:900;font-size:20px;min-width:28px;}
.c-value-item__body{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease, opacity .3s ease, margin-top .35s ease;}
.c-value-item.is-active{border-left-color:var(--color-coral);padding-left:28px;}
.c-value-item.is-active .c-value-item__num{color:var(--color-coral);}
.c-value-item.is-active .c-value-item__body{max-height:160px;opacity:1;margin-top:10px;}
.c-value-item__subtitle{display:block;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7A8B89;}
.c-value-visual{position:relative;border-radius:var(--radius-visual);overflow:hidden;box-shadow:var(--shadow);}
@media (min-width:900px){.c-value-visual{width:500px;height:500px;max-width:100%;margin-inline:auto;}}
@media (max-width:899px){.c-value-visual{min-height:320px;}}
.c-value-visual__img,.c-value-visual__mock{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;}
.c-value-visual__img.is-active,.c-value-visual__mock.is-active{opacity:1;}
.c-value-visual__mock{background:linear-gradient(145deg,var(--color-ink),var(--color-blue));}
.c-value-visual__mock--1{background:linear-gradient(145deg,var(--color-coral),#EFA088);}
.c-value-visual__mock--2{background:linear-gradient(145deg,var(--color-blue),var(--color-blue-2));}
.c-value-visual__mock--3{background:linear-gradient(145deg,#1B3A38,var(--color-coral));}
@media(max-width:820px){.c-value-panel{grid-template-columns:1fr;}.c-value-visual{min-height:260px;order:-1;margin-bottom:24px;}}


/* Cartes d'articles avec photo de couverture (latest-articles) */
.c-card--photo-top{padding:0;overflow:hidden;}
.c-card--photo-top img{display:block;width:100%;height:200px;object-fit:cover;}
.c-card--photo-top .c-card__content{padding:24px;}




/* Menu hamburger mobile (18/09/2026) */
.adw-header__toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.adw-header__toggle span{display:block;width:24px;height:2px;background:var(--color-ink);border-radius:2px;}
@media (max-width:780px){
  .adw-header__toggle{display:flex;}
  .adw-header__nav{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-line);flex-direction:column;align-items:flex-start;padding:16px 24px;display:none;box-shadow:0 12px 24px rgba(18,48,46,.08);}
  .adw-header__nav.is-open{display:flex;}
  .adw-header__nav ul{flex-direction:column;gap:16px;width:100%;}
  .adw-header__bar{position:relative;flex-wrap:wrap;}
  .adw-header__bar .c-button{order:3;margin-top:12px;width:100%;text-align:center;}
}

/* === Modules AIDA/PAS (ajout 18/09/2026) === */
.c-icon-card{display:flex;gap:18px;align-items:flex-start;padding:24px 26px;margin-bottom:18px;border-radius:var(--radius-visual);background:var(--color-white);border:1px solid var(--color-line);box-shadow:0 10px 35px rgba(18,48,46,.05);}
.c-icon-card__icon{font-size:28px;line-height:1;flex:0 0 auto;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--color-surface);}
.c-icon-card h3{margin:0 0 6px;font-size:19px;}
.c-icon-card p{margin:0;color:#5A6968;font-size:15px;line-height:1.5;}
.c-feature-split{display:grid;gap:56px;grid-template-columns:1.1fr .9fr;align-items:start;}
.c-feature-split--reverse{grid-template-columns:.9fr 1.1fr;}
.c-feature-split--reverse .c-feature-split__visual{order:-1;}
.c-feature-split__items--grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;}
.c-feature-split__items--grid2 .c-icon-card{flex-direction:column;margin-bottom:0;}
.c-phone-mock{width:220px;margin:0 auto 32px;border:10px solid var(--color-ink);border-radius:32px;padding:16px 12px;background:var(--color-white);box-shadow:var(--shadow,0 24px 80px rgba(18,48,46,.14));}
.c-phone-mock__bar{height:7px;border-radius:4px;background:var(--color-line);margin-bottom:9px;}
.c-phone-mock__bar--accent{background:var(--color-coral);width:55%;}
.c-phone-mock__bar--short{width:38%;}
.c-window-mock{border-radius:var(--radius-visual);border:1px solid var(--color-line);background:var(--color-white);box-shadow:0 10px 35px rgba(18,48,46,.05);padding:18px;max-width:420px;margin:0 auto 28px;}
.c-window-mock__bar{display:flex;gap:6px;margin-bottom:16px;}
.c-window-mock__bar i{width:9px;height:9px;border-radius:50%;background:var(--color-line);display:block;}
.c-window-mock__chart{height:110px;display:flex;align-items:flex-end;gap:8px;margin-bottom:14px;}
.c-window-mock__chart div{flex:1;border-radius:4px 4px 0 0;background:var(--color-coral);opacity:.85;}
.c-window-mock__chart div:nth-child(2n){background:var(--color-blue);}
.c-window-mock__line{height:8px;border-radius:4px;background:var(--color-surface);margin-bottom:8px;}
.c-window-mock__line--short{width:60%;}
.c-bullets{list-style:none;margin:0;padding:0;}
.c-bullets li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:15px;}
.c-bullets li::before{content:"●";color:var(--color-coral);flex:0 0 auto;font-size:10px;line-height:1.9;}
.c-badges-split{display:grid;gap:56px;grid-template-columns:.95fr 1.15fr;align-items:center;}
.c-badge-point{display:grid;grid-template-columns:44px 1fr;gap:14px;margin:26px 0;}
.c-badge-point__mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--color-coral);color:var(--color-white);}
.c-badge-point:nth-child(2) .c-badge-point__mark{background:#FFB84D;}
.c-badge-point:nth-child(3) .c-badge-point__mark{background:var(--color-blue);}
.c-badge-point h3{margin:0 0 6px;font-size:19px;color:var(--color-white);}
.c-badge-point p{margin:0;font-size:14px;line-height:1.55;color:#DCE9E4;}
.c-badges-split__cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.c-badges-split__cards .c-card{background:var(--color-white);color:var(--color-ink);text-align:center;}
.c-badges-split__cards .c-card:nth-child(2){transform:translateY(34px);}
.c-badges-split__cards .c-card:nth-child(4){transform:translateY(34px);}
.c-badges-split__cards .c-icon{margin:0 auto 16px;}
.c-icon-row{text-align:center;}
.c-icon-row__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin:36px 0;}
.c-icon-row .c-icon-card{flex-direction:column;text-align:center;align-items:center;}
@media (max-width:860px){
  .c-feature-split, .c-feature-split--reverse, .c-badges-split{grid-template-columns:1fr;}
  .c-feature-split--reverse .c-feature-split__visual{order:0;}
  .c-feature-split__items--grid2{grid-template-columns:1fr;}
  .c-badges-split__cards .c-card:nth-child(2), .c-badges-split__cards .c-card:nth-child(4){transform:none;}
}


/* === service-slider (carrousel circulaire, ajout 19/09/2026) === */
.c-slider-row{display:flex;align-items:center;gap:18px;}
.c-slider-row__track{display:flex;gap:22px;overflow:hidden;flex:1;}
.c-slider-row__card{flex:0 0 calc((100% - 44px)/3);min-width:0;transition:opacity .2s ease;}
.c-slider-row__arrow{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:0;background:var(--color-ink);color:var(--color-white);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background var(--motion);}
.c-slider-row__arrow:hover{background:var(--color-coral);}
.c-slider-row__icon{width:56px;height:56px;border-radius:16px;object-fit:cover;margin-bottom:16px;display:block;}
@media (max-width:900px){.c-slider-row__card{flex-basis:calc((100% - 22px)/2);}}
@media (max-width:600px){.c-slider-row__card{flex-basis:100%;}}

/* === Ajouts éditeur v2 (19/09/2026) === */
/* Cartes blanches de dark-badges-split : texte lisible (ne pas hériter du texte pâle de la section sombre) */
.c-badges-split__cards .c-card p{color:#5A6968;}
.c-badges-split__cards .c-card h3,.c-badges-split__cards .c-card h4{color:var(--color-ink);}

/* Icône remplacée par une image (adw_icon) */
.c-icon-img{display:block;width:60px;height:60px;object-fit:cover;border-radius:16px;}
.c-icon > .c-icon-img{width:100%;height:100%;border-radius:inherit;}
.c-icon:has(> .c-icon-img){background:transparent;}
.c-icon-card .c-icon-img{width:56px;height:56px;flex:0 0 auto;}

/* Inversion des colonnes (classe .adw-flip posée sur la section) */
@media (min-width:821px){
  .adw-flip .c-panel > :first-child,
  .adw-flip .c-value-panel > :first-child,
  .adw-flip .c-badges-split > :first-child,
  .adw-flip .c-grid--2 > :first-child{order:2;}
  .adw-flip .c-panel{grid-template-columns:1.2fr .8fr;}
  .adw-flip .c-badges-split{grid-template-columns:1.15fr .95fr;}
  .adw-flip .c-feature-split:not(.c-feature-split--reverse){grid-template-columns:.9fr 1.1fr;}
  .adw-flip .c-feature-split:not(.c-feature-split--reverse) .c-feature-split__content{order:2;}
  .adw-flip .c-feature-split--reverse{grid-template-columns:1.1fr .9fr;}
  .adw-flip .c-feature-split--reverse .c-feature-split__visual{order:0;}
}

/* Contenu libre (module rich-text) */
.c-richtext{max-width:var(--text-max,820px);margin-inline:auto;font-size:17px;line-height:1.7;color:var(--color-ink);}
.c-richtext > :first-child{margin-top:0;}
.c-richtext > :last-child{margin-bottom:0;}
.c-richtext h1{font-size:clamp(32px,4.4vw,52px);margin:1.6em 0 .5em;}
.c-richtext h2{margin:1.6em 0 .5em;}
.c-richtext h3{margin:1.4em 0 .4em;}
.c-richtext h4{font-size:19px;margin:1.3em 0 .4em;}
.c-richtext p{margin:0 0 1.1em;}
.c-richtext ul,.c-richtext ol{margin:0 0 1.3em;padding-left:1.4em;}
.c-richtext ul{list-style:disc;}
.c-richtext ol{list-style:decimal;}
.c-richtext li{margin-bottom:.5em;padding-left:.2em;}
.c-richtext li::marker{color:var(--color-coral);font-weight:700;}
.c-richtext blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid var(--color-coral);background:var(--color-mist);border-radius:0 var(--radius-card,16px) var(--radius-card,16px) 0;font-size:1.08em;}
.c-richtext blockquote p:last-child{margin-bottom:0;}
.c-richtext img{display:block;max-width:100%;height:auto;border-radius:var(--radius-card,16px);margin:1.5em 0;}
.c-richtext hr{border:0;border-top:1px solid var(--color-line);margin:2em 0;}
.c-richtext table{margin:1.6em 0;font-size:15px;}
.c-richtext th,.c-richtext td{padding:12px 16px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;}
.c-richtext th{background:var(--color-mist);color:var(--color-ink);font-weight:700;}
.c-richtext a{text-decoration:none;}
/* tableaux mobiles : cartes empilées (CSS en ligne, inc/ux.php) ; défilement horizontal seulement pour les tableaux non convertibles */
@media (max-width:600px){.c-richtext table:not(.adw-table-cards){display:block;overflow-x:auto;}}

/* === feature-split : photo 500 x 500 modifiable via la médiathèque (ajout 21/09/2026) === */
.c-feature-split__photo{position:relative;width:500px;max-width:100%;aspect-ratio:1/1;margin:0 auto 32px;border-radius:var(--radius-visual,28px);overflow:hidden;background:#F2EDE4;box-shadow:var(--shadow,0 24px 80px rgba(18,48,46,.14));}
.c-feature-split__photo img{display:block;width:100%;height:100%;object-fit:cover;}

/* === feature-split : centrage vertical de la colonne visuelle (ajout 23/09/2026) ===
   Le centre de la photo (ou du mock) est aligné sur le centre de la colonne de texte, sur PC/tablette. En mobile (1 colonne) rien ne change. */
@media (min-width:861px){
  .c-feature-split{align-items:center;}
  .c-feature-split__visual{align-self:center;}
  .c-feature-split__visual > .c-feature-split__photo:last-child{margin-bottom:0;}
  .c-feature-split__visual > :last-child > .c-window-mock, .c-feature-split__visual > :last-child > .c-phone-mock{margin-bottom:0;}
}

/* H1 des hero (pages et services) : conteneur d'au moins 1000 px sur PC (demande 28/09/2026).
   Le conteneur de page fait 1180 px avec 40 px de marge : la largeur utile maximale est 1100 px. */
@media (min-width:1100px){
  .c-hero--centered h1{width:100%;min-width:1000px;max-width:100%;}
}

/* Hero avec video de fond (test 28/09/2026) : la video passe sous le voile sombre (::before) */
[data-module^="hero-"].has-bg-video{isolation:isolate;overflow:hidden;background-size:0 0;background-color:#12302E;}
.c-hero--centered.has-bg-video > video.c-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;}
@media (prefers-reduced-motion:reduce){.c-hero--centered.has-bg-video{background-size:cover;}.c-hero--centered.has-bg-video > video.c-hero__video{display:none;}}

/* =====================================================================
   COUCHE DESIGN SYSTEM « SÉRÉNITÉ » (letitia-av.com)
   Tokens du fichier design-system.html (sauge + corail, Red Hat Display / Lato / Dancing Script).
   Modifier les couleurs de marque : --c-brand et --c-accent ci-dessous (les anciens tokens --color-* en dérivent).
   ===================================================================== */
:root{
  --c-brand:#3E6664; --c-brand-700:#2C4B49; --c-brand-50:#E7F0ED;
  --c-accent:#E07A5F; --c-accent-700:#C2604A; --c-accent-800:#A94F3B; --c-accent-50:#FBEAE4;
  --c-highlight:#9FE870; --c-gold:#E2AA4F; --c-sage:#D2E3D5; --c-cream:#F7EDE2;
  --c-bg:#FFFFFF; --c-surface:#FAF7F2; --c-surface-2:#F2EDE4; --c-ink:#12302E; --c-text:#1D2B2A; --c-muted:#5A6968; --c-border:#E3DDD2;
  --f-display:"Red Hat Display",system-ui,sans-serif; --f-body:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif; --f-script:"Dancing Script",cursive;
  --fs-base:1.0625rem; --fs-lg:1.25rem;
  --fs-h1:clamp(2.5rem,1.6rem + 3.6vw,4.25rem); --fs-h2:clamp(2rem,1.4rem + 2.2vw,3rem); --fs-h3:clamp(1.375rem,1.2rem + .6vw,1.75rem);
  --section-y:clamp(56px,6vw,104px);
  --r-sm:8px; --r-md:14px; --r-lg:24px; --r-xl:36px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(18,48,46,.06),0 1px 1px rgba(18,48,46,.04);
  --sh-2:0 6px 18px -6px rgba(18,48,46,.14);
  --sh-3:0 22px 48px -18px rgba(18,48,46,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
  /* anciens tokens du moteur, alignés sur la charte */
  --color-ink:var(--c-ink); --color-blue:var(--c-brand); --color-coral:var(--c-accent); --color-surface:var(--c-surface);
  --color-line:var(--c-border); --color-cream:var(--c-cream); --color-mist:var(--c-brand-50); --color-blue-2:var(--c-sage);
  --shadow:var(--sh-3); --motion:280ms;
}

/* Base */
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--f-body);font-size:var(--fs-base);line-height:1.65;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--c-ink);letter-spacing:-.015em;}
h1{font-size:var(--fs-h1);font-weight:900;line-height:1.08;}
h2{font-size:var(--fs-h2);font-weight:800;line-height:1.12;}
h3{font-size:var(--fs-h3);font-weight:800;line-height:1.25;}
h4{font-size:1.25rem;font-weight:700;}
p{margin:0 0 1em;}
a{color:var(--c-brand);}
a:hover{color:var(--c-brand-700);}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:4px;}
img{max-width:100%;height:auto;}
mark,.u-mark{background:linear-gradient(transparent 58%,var(--c-highlight) 58% 92%,transparent 92%);color:inherit;padding-inline:.08em;}
.c-script,.u-script{font-family:var(--f-script);font-weight:700;color:var(--c-accent-700);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);line-height:1.1;margin:0 0 .35em;letter-spacing:0;}
.adw-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--c-ink);color:#fff;padding:10px 16px;border-radius:var(--r-pill);}
.adw-skip:focus{left:16px;}
.o-container{max-width:var(--container-max);}

/* Sections */
.pluggio-module{padding-top:var(--section-y);padding-bottom:var(--section-y);}
.pluggio-module--surface{background:var(--c-surface);}
.pluggio-module--cream{background:var(--c-surface);}
.pluggio-module--mist{background:var(--c-brand-50);}
.pluggio-module--dark{background:var(--c-ink);color:#fff;}
.pluggio-module--dark h1,.pluggio-module--dark h2,.pluggio-module--dark h3,.pluggio-module--blue h1,.pluggio-module--blue h2,.pluggio-module--blue h3{color:#fff;}
.pluggio-module--dark p,.pluggio-module--blue p{color:rgba(255,255,255,.84);}
.pluggio-module--blue{background:var(--c-brand);color:#fff;}
.pluggio-module--coral{background:var(--c-accent-700);color:#fff;}
.pluggio-module--dark .c-kicker,.pluggio-module--blue .c-kicker{color:var(--c-sage);}
.c-section-head{max-width:760px;margin:0 auto 40px;text-align:center;}
.c-section-head p{color:var(--c-muted);font-size:var(--fs-lg);}

/* Surtitre (eyebrow) */
.c-kicker{display:inline-flex;align-items:center;gap:8px;font:800 .8125rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.14em;color:var(--c-accent-700);margin-bottom:14px;}
.c-kicker::before{content:"";width:24px;height:2px;background:currentColor;border-radius:2px;}

/* Boutons (pilule, verbe + bénéfice). Fond corail foncé pour un contraste AA avec le texte blanc. */
.c-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.8em 1.6em;border-radius:var(--r-pill);border:2px solid transparent;background:var(--c-accent-700);color:#fff;font:800 1rem/1.15 var(--f-display);text-decoration:none;text-align:center;transition:transform .15s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease);}
.c-button:hover{background:var(--c-accent-800);color:#fff;transform:translateY(-2px);box-shadow:var(--sh-2);}
.c-button--coral{background:var(--c-accent-700);}
.c-button--blue{background:var(--c-brand);}
.c-button--blue:hover{background:var(--c-brand-700);box-shadow:var(--sh-2);}
.c-button--outline{background:transparent;color:var(--c-ink);border-color:currentColor;}
.c-button--outline:hover{background:var(--c-ink);color:#fff;}
.pluggio-module--dark .c-button--outline,.pluggio-module--blue .c-button--outline{color:#fff;}
.pluggio-module--dark .c-button--outline:hover,.pluggio-module--blue .c-button--outline:hover{background:#fff;color:var(--c-ink);}
.c-button--light{background:#fff;color:var(--c-ink);}
.c-button--light:hover{background:var(--c-sage);color:var(--c-ink);}
.c-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}

/* Cartes */
.c-card{border-radius:var(--r-lg);border-color:var(--c-border);box-shadow:var(--sh-1);}
.c-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);}
.c-icon{border-radius:var(--r-md);background:var(--c-brand-50);color:var(--c-brand);}
.c-pill{background:var(--c-brand-50);color:var(--c-brand-700);}

/* Listes à coches / croix */
.c-checklist,.c-crosslist{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px;}
.c-checklist li,.c-crosslist li{position:relative;padding-left:34px;line-height:1.5;}
.c-checklist li::before,.c-crosslist li::before{content:"";position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:12px;}
.c-checklist li::before{background-color:var(--c-brand-50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4 4.8 9 10 3' fill='none' stroke='%233E6664' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.c-crosslist li::before{background-color:var(--c-accent-50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3l6 6M9 3 3 9' fill='none' stroke='%23C2604A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");}

/* Texte riche (articles) */
.c-richtext{font-size:1.0625rem;line-height:1.75;}
.c-richtext h2{margin-top:1.6em;}
.c-richtext h3{margin-top:1.4em;}
.c-richtext ul li::marker{color:var(--c-accent-700);}
.c-richtext blockquote{margin:1.5em 0;padding:18px 24px;border-left:4px solid var(--c-accent);background:var(--c-surface);border-radius:0 var(--r-md) var(--r-md) 0;}
.c-richtext table{border-collapse:collapse;width:100%;}
.c-richtext th{background:var(--c-brand);color:#fff;}
.c-richtext th,.c-richtext td{padding:10px 14px;border:1px solid var(--c-border);text-align:left;}
.c-richtext .c-answer{padding:20px 24px;background:var(--c-brand-50);border-radius:var(--r-md);border-left:4px solid var(--c-brand);font-size:1.0625rem;}

/* En-tête */
.adw-header{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--c-border);}
.adw-header__bar{padding-block:10px;gap:20px;}
.adw-header__logo img{height:64px;width:auto;}
.adw-header__nav a{font-family:var(--f-display);font-weight:700;color:var(--c-ink);}
.adw-header__nav a:hover,.adw-header__nav .current-menu-item>a{color:var(--c-accent-700);}
.adw-header .c-button{min-height:44px;padding:.65em 1.3em;font-size:.95rem;}

/* Pied de page */
.adw-footer{background:var(--c-ink);color:rgba(255,255,255,.86);border-top:0;}
.adw-footer a,.adw-footer .adw-cookie-manage{color:#fff;}
.adw-footer a:hover,.adw-footer .adw-cookie-manage:hover{color:var(--c-sage);}
.adw-footer__title{color:#fff;font-family:var(--f-display);}
.adw-footer__col--brand p,.adw-footer__bottom{color:rgba(255,255,255,.72);}
.adw-footer__bottom{border-top-color:rgba(255,255,255,.14);}
.adw-footer__logo{background:#fff;border-radius:var(--r-md);padding:6px;height:72px;}

/* Hero centré / CTA */
.c-hero--centered h1{font-size:var(--fs-h1);}
.c-hero--centered p{font-size:var(--fs-lg);color:var(--c-muted);}
.c-hero--centered .c-button{font-size:1.125rem;min-height:58px;padding:.9em 1.9em;}
.c-cta-band{background:var(--c-brand);border-radius:0;}
.c-cta-band h2{color:#fff;}
.c-cta-band p{color:rgba(255,255,255,.86);max-width:680px;margin-inline:auto;}
.c-cta-band .c-button{background:#fff;color:var(--c-ink);}
.c-cta-band .c-button:hover{background:var(--c-cream);color:var(--c-ink);}

/* Module hero-personal */
.c-hero-personal__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.c-hero-personal h1{margin-bottom:20px;}
.c-hero-personal__content>p{font-size:var(--fs-lg);color:var(--c-muted);max-width:60ch;}
.c-hero-personal__trust{font-size:.9375rem;color:var(--c-muted);margin-top:18px;}
.c-hero-personal__visual{position:relative;max-width:480px;margin-inline:auto;width:100%;}
.c-hero-personal__photo{position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--c-sage);box-shadow:0 0 0 10px #fff,0 0 0 12px var(--c-sage),var(--sh-3);}
.c-hero-personal__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.c-float-card{position:absolute;display:flex;flex-direction:column;gap:2px;padding:14px 18px;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-3);max-width:210px;}
.c-float-card strong{font:900 1.6rem/1 var(--f-display);color:var(--c-brand);}
.c-float-card span{font-size:.875rem;line-height:1.35;color:var(--c-muted);}
.c-float-card--1{left:-18px;bottom:14%;}
.c-float-card--2{right:-12px;top:8%;}
.adw-flip .c-hero-personal__grid{direction:rtl;}
.adw-flip .c-hero-personal__grid>*{direction:ltr;}
@media (max-width:900px){
  .c-hero-personal__grid{grid-template-columns:1fr;gap:40px;}
  .c-hero-personal__visual{max-width:340px;order:-1;}
  .c-float-card{padding:10px 14px;max-width:170px;}
  .c-float-card strong{font-size:1.3rem;}
  .c-float-card--1{left:-8px;}
  .c-float-card--2{right:-8px;}
}

/* Module out-in */
.c-out-in__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.c-out-in__col{padding:32px;border-radius:var(--r-lg);}
.c-out-in__col--out{background:var(--c-surface);border:1px dashed var(--c-border);}
.c-out-in__col--in{background:var(--c-brand-50);border:1px solid var(--c-sage);}
.c-out-in__label{font:900 1.25rem/1.2 var(--f-display);margin-bottom:18px;}
.c-out-in__col--out .c-out-in__label{color:var(--c-accent-700);}
.c-out-in__col--in .c-out-in__label{color:var(--c-brand-700);}
.c-out-in__col--out li{color:var(--c-muted);}
.c-out-in__cta{text-align:center;margin:32px 0 0;}
@media (max-width:760px){.c-out-in__grid{grid-template-columns:1fr;}.c-out-in__col{padding:24px;}}

/* Hero personnel : pas de plein écran forcé sur mobile (photo + texte suffisent) */
[data-module="hero-personal"]{min-height:auto;}
@media (min-width:901px){[data-module="hero-personal"]{min-height:calc(100vh - var(--adw-header-h,90px));}}

/* Accessibilité mouvement */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}


/* ================================================================
   LARGEURS ÉLARGIES (29/09/2026) : pages, articles et pied de page
   ================================================================ */
:root{--container-max:1320px;--text-max:920px;}
.o-container{max-width:var(--container-max);}
.c-richtext{max-width:var(--text-max);}
.c-section-head{max-width:900px;}
.adw-page-header__inner{max-width:1040px;}
.adw-page-header p{max-width:78ch;}
.c-hero-personal__content>p{max-width:68ch;}
/* Articles : colonne de lecture plus large, barre latérale conservée */
.adw-article-hero__inner,.adw-article-cover,.adw-toc,.adw-author__card{max-width:none;}
.adw-article-main .c-richtext{max-width:none;}
@media (min-width:1100px){.adw-article-layout{grid-template-columns:minmax(0,1fr) 320px;column-gap:56px;}}
/* Pied de page : pleine largeur du conteneur et colonnes plus aérées */
.adw-footer .o-container{max-width:var(--container-max);}
.adw-footer__grid{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px 56px;}
.adw-footer__col--brand p{max-width:46ch;}
@media (max-width:900px){.adw-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}}
@media (max-width:560px){.adw-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;}}
/* blog.css est chargé après style.css : sélecteurs renforcés pour que l'élargissement s'applique */
body .adw-page-header__inner{max-width:1040px;}
body .adw-page-header p{max-width:78ch;}
body .adw-article-hero__inner,body .adw-article-cover,body .adw-toc,body .adw-author__card{max-width:none;}
body .adw-article-main .c-richtext{max-width:none;}
@media (min-width:1100px){body .adw-article-layout{grid-template-columns:minmax(0,1fr) 320px;column-gap:56px;}}
body .adw-article-cover{max-width:640px;margin-inline:0;}

/* ================================================================
   LARGEUR DU SITE RÉGLABLE (30/09/2026) : 1 400 px par défaut
   Valeur modifiable dans Apparence › Personnaliser › Largeur du site
   (inc/layout.php injecte --site-width et --text-max).
   ================================================================ */
:root{--site-width:1400px;--text-max:1400px;--container-max:calc(var(--site-width) + 48px);}
@media (min-width:900px){:root{--container-max:calc(var(--site-width) + 80px);}}
html body .o-container,
html body .adw-header .o-container.adw-header__bar,
html body .adw-mega__inner.o-container,
html body .adw-footer .o-container,
html body .adw-article-layout{max-width:var(--container-max);}
html body .c-richtext{max-width:var(--text-max);}
html body .adw-page-header__inner{max-width:var(--text-max);}
html body .adw-page-header p{max-width:none;}

/* ================================================================
   HERO PLEIN ÉCRAN SUR PC (30/09/2026)
   La première section de chaque page occupe exactement la hauteur
   visible sous l'en-tête ; les autres sections arrivent au défilement.
   Tailles de texte indexées sur la hauteur d'écran pour que tout tienne.
   Exclus : articles, blog, recherche, 404, catégories et en-têtes sans texte.
   ================================================================ */
@media (min-width:1024px) and (min-height:620px){
  body:not(.blog):not(.search):not(.error404):not(.archive.category):not(.single-post) .adw-main > .pluggio-module:first-child:not([data-module="page-header"]),
  body:not(.blog):not(.search):not(.error404):not(.archive.category):not(.single-post) .adw-main > .pluggio-module[data-module="page-header"]:first-child:has(p){
    min-height:var(--hero-h);
    display:flex;flex-direction:column;justify-content:center;
    padding-block:clamp(24px,5vh,64px);
    box-sizing:border-box;
  }
  :root{--hero-h:calc(100vh - var(--adw-header-h,92px));}
  body.admin-bar{--hero-h:calc(100vh - var(--adw-header-h,92px) - 32px);}
  .adw-main > .pluggio-module:first-child > .o-container{width:100%;}
  /* Titres et textes proportionnels à la hauteur d'écran */
  .adw-main > .pluggio-module:first-child h1{font-size:clamp(2.25rem,6.2vh,4.25rem);line-height:1.06;margin-bottom:clamp(12px,2vh,22px);}
  .adw-main > .pluggio-module:first-child h1 + p,
  .adw-main > .pluggio-module:first-child .c-hero-personal__content>p{font-size:clamp(1rem,2.1vh,1.1875rem);line-height:1.55;margin-bottom:clamp(10px,1.8vh,20px);}
  .adw-main > .pluggio-module:first-child .c-kicker{margin-bottom:clamp(6px,1.2vh,14px);}
  /* Hero personnel (accueil, à propos) */
  .adw-main > [data-module="hero-personal"]:first-child{min-height:var(--hero-h);}
  .adw-main > [data-module="hero-personal"]:first-child .c-script{margin:0 0 4px;font-size:clamp(1.25rem,3vh,1.75rem);}
  .adw-main > [data-module="hero-personal"]:first-child .c-checklist{margin:0 0 clamp(12px,2vh,22px);}
  .adw-main > [data-module="hero-personal"]:first-child .c-checklist li{margin-bottom:clamp(4px,.8vh,10px);font-size:clamp(.9375rem,1.9vh,1.0625rem);}
  .adw-main > [data-module="hero-personal"]:first-child .c-hero-personal__trust{margin-top:clamp(8px,1.4vh,18px);}
  .adw-main > [data-module="hero-personal"]:first-child .c-hero-personal__visual{max-width:min(480px,58vh);}
  /* En-tête de page simple : un peu plus d'ampleur quand il occupe l'écran */
  .adw-main > [data-module="page-header"]:first-child h1{font-size:clamp(2.5rem,7vh,4.5rem);}
  .adw-main > [data-module="page-header"]:first-child p{font-size:clamp(1.0625rem,2.3vh,1.3125rem);}
}

/* Grille de cartes : 3 colonnes sur PC (6 cartes = 2 lignes complètes) */
@media (min-width:900px){html body .c-feature-grid ul{grid-template-columns:repeat(3,minmax(0,1fr));}}
