/*
 * Gabarit « Page éditoriale » — À propos, Tarifs, Références.
 * Chargé uniquement sur ce gabarit (functions.php).
 * Référence : maquettes/gabarit-page-editoriale.html.
 * Règle de spécificité : deux classes, ou une classe et un élément.
 * Tailles fixes en rem (racine 16 px).
 */

/* ---------- Tête : H1 et chapô ---------- */
.wp-block-group.edito-tete{grid-template-columns:1.05fr .95fr;gap:56px;padding:62px 0 40px;align-items:end}
.edito-tete h1{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:200;line-height:1.06;letter-spacing:-.038em;max-width:14ch}
.edito-tete h1 strong{font-weight:500}
.edito-tete p.chapo{font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.6;letter-spacing:-.016em;color:var(--wp--preset--color--encre-douce);max-width:44ch}

/* ---------- Portrait et présentation ---------- */
.wp-block-group.portrait-bloc{grid-template-columns:.72fr 1.28fr;gap:56px;padding:0 0 72px;align-items:start}
.portrait-bloc .vignette-por{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--wp--preset--color--attente)}
.vignette-por img{display:block;width:100%;height:100%;object-fit:cover}
/* Légende éditable posée sur l'image (le ::after de la maquette). */
.vignette-por .wp-element-caption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 14px;background:rgba(16,19,21,.82);text-align:left;
	font-family:var(--wp--preset--font-family--mono);font-size:.59375rem;letter-spacing:.06em;line-height:normal;color:var(--wp--preset--color--papier)}
.portrait-bloc p + p{margin-top:14px}
.portrait-bloc p.signature{margin-top:24px;font-family:var(--wp--preset--font-family--mono);font-size:.65625rem;letter-spacing:.08em;color:var(--wp--preset--color--gris)}

/* ---------- Principes, matériel : intitulé et cartes ---------- */
.wp-block-group.principes,.wp-block-group.parutions{padding:62px 0;border-top:1px solid var(--wp--preset--color--filet)}
.wp-block-group.intitule{align-items:baseline;gap:24px;margin-bottom:34px}
.intitule h2{font-size:clamp(1.2rem,2.3vw,1.7rem);font-weight:300;letter-spacing:-.03em;line-height:normal}
/* « Parutions et références » suit la règle commune des intertitres
   (décision d'Eric, 19/10/2026 : la maquette le laissait au défaut du navigateur). */
.intitule p.sur-titre{margin:0;max-width:none;font-family:var(--wp--preset--font-family--mono);font-size:.625rem;letter-spacing:.12em;line-height:normal;
	text-transform:uppercase;color:var(--wp--preset--color--gris)}
.wp-block-group.regles{grid-template-columns:repeat(2,1fr);gap:2px}
.regles .regle{padding:30px 28px 34px;background:var(--wp--preset--color--papier-2)}
.regle h3{margin-bottom:11px;font-size:1.08rem;font-weight:400;letter-spacing:-.022em;line-height:normal}
.regle p{max-width:none;font-size:.84375rem;line-height:1.85}

/* ---------- Parutions : bloc Tableau, chaque ligne en grille comme la liste de la maquette ---------- */
.parutions .liste-parutions{margin:4px 0 0;overflow:visible}
.liste-parutions table,.liste-parutions tbody{display:block;width:100%}
.liste-parutions tr{display:grid;grid-template-columns:150px 1fr 90px;gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--wp--preset--color--filet)}
.liste-parutions td{padding:0;border:0;font-size:.875rem;line-height:normal;color:var(--wp--preset--color--encre-douce)}
.liste-parutions td:first-child{font-weight:500;color:var(--wp--preset--color--encre)}
.liste-parutions td:last-child{font-family:var(--wp--preset--font-family--mono);font-size:.6875rem;color:var(--wp--preset--color--gris);text-align:right}
.wp-block-group.triptyque-edito{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:40px}
.triptyque-edito .wp-block-image{margin:0;background:var(--wp--preset--color--attente)}
.triptyque-edito .wp-block-image img{display:block;width:100%}

/* ---------- 860 px et moins ---------- */
@media (max-width:860px){
	.wp-block-group.edito-tete,.wp-block-group.portrait-bloc{grid-template-columns:1fr;gap:24px}
	.wp-block-group.edito-tete{padding:44px 0 26px}
	.portrait-bloc .vignette-por{aspect-ratio:3/2}
	/* Vignette 3/2 (maquette) : le visage reste dans le cadre (portrait 4/5). */
	.portrait-bloc .vignette-por img{object-position:50% 15%}
	.wp-block-group.regles,.wp-block-group.triptyque-edito{grid-template-columns:1fr}
	.liste-parutions tr{grid-template-columns:1fr;gap:4px;padding:16px 0}
	.liste-parutions td:last-child{text-align:left}
}

/* ---------- Tarifs : bloc Tableau des trois tarifs (20/10/2026) ----------
   Même écriture que la liste des parutions : filets fins, libellé à gauche,
   prix en chasse fixe à droite. Les prix restent des cellules éditables. */
.principes .tarifs{margin:0;overflow:visible}
.tarifs table{width:100%;max-width:36rem;border-collapse:collapse}
.tarifs th,.tarifs td{padding:14px 0;border:0;border-bottom:1px solid var(--wp--preset--color--filet);text-align:left;line-height:normal}
.tarifs thead th{padding-top:0;font-family:var(--wp--preset--font-family--mono);font-size:.625rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--gris)}
.tarifs tbody td{font-size:1.08rem;font-weight:300;letter-spacing:-.016em;color:var(--wp--preset--color--encre)}
.tarifs th:last-child,.tarifs td:last-child{text-align:right;font-family:var(--wp--preset--font-family--mono)}
.tarifs tbody td:last-child{font-size:.9375rem;color:var(--wp--preset--color--encre)}
.principes .wp-block-list{margin:0;padding-left:1.1rem}
.principes .wp-block-list li{margin-bottom:8px}