/*
 * La méthode (piliers) : CSS de bloc, porté verbatim depuis design/pages/3.Courtage.html
 * (lignes 95-117 du <style> local de la maquette certifiée, section §3), scopé sous
 * .wp-block-cogestim-methode-piliers. Composants LIBRARY consommés (non redéfinis
 * ici) : .dark, .wrap, .sec-head, .lab, .h2, .body, .link.
 */
.wp-block-cogestim-methode-piliers .method-intro{max-width:60ch;margin-top:-8px}
.wp-block-cogestim-methode-piliers .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(28px,3.4vw,44px)}
.wp-block-cogestim-methode-piliers .pillar{padding:0 clamp(24px,2.6vw,40px);border-left:1px solid var(--cog-on-dark-a10)}
.wp-block-cogestim-methode-piliers .pillar:first-child{padding-left:0;border-left:0}
.wp-block-cogestim-methode-piliers .p-ttl{font-family:var(--sans);font-weight:var(--fw-medium);font-size:clamp(20px,1.7vw,24px);line-height:1.22;letter-spacing:-.008em;color:var(--paper-warm);margin:0;max-width:22ch}
.wp-block-cogestim-methode-piliers .pillar p{margin:14px 0 0;font-size:var(--cog-fs-cap);line-height:1.6;color:var(--cog-on-dark-a70);max-width:32ch}
/* Écart maquette assumé (décision Luis 18/08) : colonne photo élargie 160px→220px,
   plus lisible que le certifié 3.Courtage.html sur les rendus des 5 pages. */
.wp-block-cogestim-methode-piliers .agency-close{margin:clamp(36px,4vw,52px) 0 0;padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--cog-on-dark-a10);display:grid;grid-template-columns:220px 1fr;gap:clamp(56px,5vw,64px);align-items:stretch}
.wp-block-cogestim-methode-piliers .agency-close .ac-photo{overflow:hidden;background:var(--night-2);height:100%;min-height:280px}
.wp-block-cogestim-methode-piliers .agency-close .ac-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.wp-block-cogestim-methode-piliers .agency-close .ac-body{display:flex;flex-direction:column}
.wp-block-cogestim-methode-piliers .agency-close .ac-body h3{color:var(--paper-warm);font-weight:var(--fw-medium);font-size:clamp(21px,1.9vw,26px);margin:10px 0 0;max-width:22ch}
.wp-block-cogestim-methode-piliers .agency-close .ac-body p{margin:12px 0 0;font-size:var(--cog-fs-cap);line-height:1.62;color:var(--cog-on-dark-a70);max-width:60ch}
.wp-block-cogestim-methode-piliers .agency-close .ac-body p:first-child{margin-top:0}
.wp-block-cogestim-methode-piliers .agency-close .ac-line{margin-top:14px;font-size:var(--cog-fs-legal);letter-spacing:.02em;color:var(--cog-on-dark-a50)}
.wp-block-cogestim-methode-piliers .agency-close .ac-cta{margin-top:22px}
@media (max-width:920px){
	.wp-block-cogestim-methode-piliers .pillars{grid-template-columns:1fr;gap:0}
	.wp-block-cogestim-methode-piliers .pillar{padding:clamp(20px,3vw,26px) 0;border-left:0;border-top:1px solid var(--cog-on-dark-a10)}
	.wp-block-cogestim-methode-piliers .pillar:first-child{padding-top:0;border-top:0}
	.wp-block-cogestim-methode-piliers .pillar p{max-width:none}
	.wp-block-cogestim-methode-piliers .agency-close{grid-template-columns:1fr;gap:24px}
	.wp-block-cogestim-methode-piliers .agency-close .ac-photo{aspect-ratio:16/10;max-width:100%}
}

/*
 * Numérotation 01./02./03. + CTA de clôture (landing /estimer/, constat 1,
 * passe de correction 20/08) : NON scopés sous .fond-clair — ces éléments
 * n'existent dans le DOM que si le bloc seede `cta_texte`/`cta_lien`
 * (render.php), jamais le cas sur les 5 pages métiers Courtage/Gérance/
 * PPE/Pilotage/MEV : aucun risque de régression sur leur rendu. Couleurs par
 * défaut = fond sombre (cas d'usage actuel, arbitrage Luis : cohérence design
 * system prime sur le fond clair de la maquette Estimation) ; la variante
 * `.fond-clair` ci-dessous ne fait que réharmoniser les couleurs si ce champ
 * est un jour réactivé.
 */
.wp-block-cogestim-methode-piliers .pillar .n{display:block;margin:0 0 12px;font-family:var(--sans);font-weight:300;font-size:clamp(30px,2.6vw,38px);line-height:.9;color:var(--cog-on-dark-a50);letter-spacing:-.01em}
.wp-block-cogestim-methode-piliers .pillars-cta{margin-top:clamp(32px,3.6vw,48px);padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--cog-on-dark-a10);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.wp-block-cogestim-methode-piliers .pillars-cta p{margin:0;font-family:var(--sans);font-size:15px;color:var(--cog-on-dark-a70)}

/*
 * Variante « fond clair » (champ ACF `fond_clair`, non utilisé actuellement —
 * cf. note ci-dessus) : piliers clairs + réhabillage couleur de la
 * numérotation/CTA pour le fond clair, portés verbatim depuis
 * design/pages/5.Estimation.html (section #s-pourquoi). Actif UNIQUEMENT si
 * `fond_clair` est coché (jamais le cas sur les 5 pages métiers) — aucun
 * risque de régression sur le rendu par défaut (fond sombre).
 */
.wp-block-cogestim-methode-piliers.fond-clair{background:var(--paper)}
.wp-block-cogestim-methode-piliers.fond-clair .pillars{grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,56px);margin-top:clamp(20px,2.4vw,30px);position:relative}
.wp-block-cogestim-methode-piliers.fond-clair .pillar{padding:0;border-left:0;display:flex;flex-direction:column;gap:14px;position:relative}
.wp-block-cogestim-methode-piliers.fond-clair .pillar::after{content:"";position:absolute;top:22px;left:calc(100% + clamp(14px,1.5vw,28px));width:calc(clamp(28px,3vw,56px) - clamp(14px,1.5vw,28px)*2 - 2px);height:1px;background:var(--rule)}
.wp-block-cogestim-methode-piliers.fond-clair .pillar:last-child::after{display:none}
.wp-block-cogestim-methode-piliers.fond-clair .pillar .n{margin:0;color:var(--ink)}
.wp-block-cogestim-methode-piliers.fond-clair .p-ttl{margin:4px 0 0}
.wp-block-cogestim-methode-piliers.fond-clair .pillar p{max-width:34ch}
.wp-block-cogestim-methode-piliers.fond-clair .pillars-cta{border-top-color:var(--rule-soft)}
.wp-block-cogestim-methode-piliers.fond-clair .pillars-cta p{color:var(--ink-soft)}
@media (max-width:920px){
	.wp-block-cogestim-methode-piliers.fond-clair .pillars{grid-template-columns:1fr}
	.wp-block-cogestim-methode-piliers.fond-clair .pillar::after{display:none}
}