/**
 * Finitions « premium » (charte 2026), chargées en dernier.
 * Respiration, largeur de lecture, liens, header, signature du footer.
 * Aucune couleur ni typo forcée : tout reste modifiable dans l'éditeur.
 */

/* --- Respiration : sections plus aérées (desktop ~160px, mobile ~96px) --- */
.h26 {
	padding-top: clamp(96px, 11vw, 160px);
	padding-bottom: clamp(96px, 11vw, 160px);
}

/* --- Texte courant : confort de lecture --- */
body { line-height: 1.6; text-rendering: optimizeLegibility; }
/* Largeur de lecture : 68 caractères max pour les paragraphes simples des sections */
:where(.wp-block-group, .wp-block-column) > p:not([class]),
:where(.is-lead, .approche-hero__paragraph, .mlv-item__accroche, .promeo-intro__text, .carrieres__paragraph) { max-width: 68ch; }
:where(.has-text-align-center) { margin-inline: auto; }

/* --- Formes décoratives de l'ancienne charte : retirées --- */
.accessite-decor,
.couverture-figma__decor,
.approche-equipe__deco { display: none; }

/* --- Liens dans le texte : soulignement qui se dessine au survol --- */
:where(.entry-content, .wp-block-post-content) :where(p, li) a:not([class]) {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--wp--preset--color--betterave), var(--wp--preset--color--betterave));
	background-size: 100% 1px, 0 1px;
	background-position: 0 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size .4s cubic-bezier(.2,.7,.2,1), color .3s ease;
	padding-bottom: 1px;
}
:where(.entry-content, .wp-block-post-content) :where(p, li) a:not([class]):hover {
	color: var(--wp--preset--color--betterave);
	background-size: 100% 1px, 100% 1px;
}

/* --- Header : plus d'air, logo plus discret, menu espacé --- */
.accessite-headerbar__inner { padding-top: 26px; padding-bottom: 26px; }
.accessite-headerbar__logo img,
.accessite-headerbar__logo .logo-img { height: 30px; }
.accessite-menu-primary { gap: 32px; }
.accessite-menu-primary a {
	font-weight: 500;
	letter-spacing: .02em;
	position: relative;
}
.accessite-menu-primary a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 1px;
	background: var(--wp--preset--color--betterave);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s cubic-bezier(.2,.7,.2,1);
}
.accessite-menu-primary a:hover::after,
.accessite-menu-primary .current-menu-item > a::after { transform: scaleX(1); }

/* --- Footer : grande signature typographique avant les infos pratiques --- */
.accessite-footer-signature-accroche {
	margin: 0 0 56px;
	padding-bottom: 48px;
	border-bottom: 1px solid color-mix(in srgb, #fff 18%, transparent);
	font-family: var(--wp--preset--font-family--accroche);
	font-weight: 400;
	font-size: clamp(40px, 5.4vw, 88px);
	line-height: 1.02;
	letter-spacing: -0.015em;
}

@media (prefers-reduced-motion: reduce) {
	:where(.entry-content, .wp-block-post-content) :where(p, li) a,
	.accessite-menu-primary a::after { transition: none; }
}
.accessite-footer-signature-accroche { max-width: 1239px; margin-inline: auto; }

/* Accueil : hero allégé. La phrase d'accroche passe en casse normale, plus lisible. */
.h26-hero__baseline:not(#_):not(#_) { font-size: clamp(17px, 1.4vw, 20px); letter-spacing: 0; text-transform: none; line-height: 1.5; max-width: 560px; }
/* Chiffres clés : le paragraphe d'intro (venu du hero) sous le titre */
.h26-chiffres .is-lead { margin: -40px 0 64px; }

/* ==========================================================================
 * Pages de contenu simple (mentions légales, données personnelles…) :
 * le texte posé directement dans la page (titres, paragraphes, listes…)
 * s'aligne sur le logo à gauche et le bouton contact à droite, comme les sections.
 * Les sections, couvertures et blocs pleine largeur gardent leur propre mise en page.
 * ========================================================================== */
.site-content > .entry-content > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote, pre, hr, .wp-block-list, .wp-block-buttons, .wp-block-table, .wp-block-quote, .wp-block-details, .wp-block-separator, .wp-block-image:not(.alignfull)) {
	margin-left: var(--accessite-gutter-left);
	margin-right: var(--accessite-gutter-right);
}
/* Respiration en haut et en bas quand la page commence ou finit par du texte simple */
.site-content > .entry-content > :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child { margin-top: clamp(64px, 8vw, 120px); }
.site-content > .entry-content > :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child { margin-bottom: clamp(64px, 8vw, 120px); }
/* Rythme du texte long */
.site-content > .entry-content > h2 { margin-top: 56px; margin-bottom: 16px; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
.site-content > .entry-content > h3 { margin-top: 32px; margin-bottom: 12px; }
.site-content > .entry-content > :is(p, ul, ol) { margin-top: 0; margin-bottom: 16px; }
.site-content > .entry-content > :is(ul, ol) { padding-left: 1.2em; }

/* Accueil : filets retirés (5 leviers : avant Connaître et après Transformer ; carte : avant 55 centres commerciaux) */
.h26-leviers__liste:not(#_) { border-bottom: 0; }
.h26-leviers__liste > .h26-levier:first-child:not(#_) { border-top: 0; }
.couverture-figma__legend .ac-i-e46b6fb5:first-child:not(#_) { border-top: 0; }
/* Accueil : petit trait au-dessus du sur-titre retiré (couverture nationale, nos valeurs) */
/* Tout le site : plus de petit trait au-dessus des sur-titres */
:is(.is-overtitle, [class*="overtitle"], [class*="surtitre"])::before { display: none; }