/* ==========================================================================
   Page « Notre histoire » (/notre-histoire/, gabarit page-notre-histoire)
   Réutilise les sections des fiches (eb-mhero, eb-mbref, eb-mfonct, eb-mprerequis)
   et ajoute : frise (eb-frise), fondateurs (eb-fondateurs), presse (eb-presse).
   ========================================================================== */

/* Frise : 6 étapes sur 3 colonnes, l'année à la place du numéro */
.eb-frise .eb-etape__num {
	font-family: var(--wp--preset--font-family--goldman);
	font-weight: 700;
	font-size: 1.15rem;
	letter-spacing: 0.02em;
}

/* m³ en Goldman : la police n'a pas le caractère « ³ » → exposant <sup>3</sup>, sans décaler la ligne */
.eb-histoire-page .eb-stat__num sup,
.eb-histoire-page .eb-etape h3 sup {
	position: relative;
	top: -0.45em;
	vertical-align: baseline;
	font-size: 0.6em;
	line-height: 0;
}

/* Fondateurs : 2 cartes */
.eb-fondateurs__grille {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 40rem), 1fr)); /* 06/11/2026 : 1 colonne dès que la carte fait moins de 640 px (nom + rôle + photo sur une ligne) */
	gap: var(--wp--preset--spacing--40);
}
.eb-fondateurs__grille > * { margin-block-start: 0 !important; }
.eb-fondateur {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--blanc);
	color: var(--wp--preset--color--anthracite);
	border-radius: var(--wp--custom--radius--large, 12px);
}
.eb-fondateur > * { margin-block-start: 0 !important; }
.eb-fondateur::before {
	content: "";
	position: absolute;
	top: var(--wp--preset--spacing--50);
	left: var(--wp--preset--spacing--50);
	width: 22px;
	height: 21.5px;
	background: var(--eb-accent);
	-webkit-mask: var(--eb-crochet-mask) center / contain no-repeat;
	mask: var(--eb-crochet-mask) center / contain no-repeat;
}
.eb-fondateur__nom {
	padding: 1.4rem 0 0 1.4rem;
	font-family: var(--wp--preset--font-family--goldman);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.05;
}
.eb-fondateur__role {
	padding-left: 1.4rem;
	color: var(--eb-accent);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.02em;
}
.eb-fondateur__citation {
	position: relative;
	margin-top: var(--wp--preset--spacing--40) !important;
	padding-left: 1.4rem;
	border-left: 2px solid var(--eb-accent);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	font-style: italic;
}

/* Photo ronde à droite du nom et du rôle (06/11/2026) : bloc image .eb-fondateur__photo dans chaque carte.
 * Carte en grille : nom + rôle à gauche, photo à droite, citation sur toute la largeur. */
.eb-fondateur {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "nom photo" "role photo" "citation citation";
	column-gap: 1rem;
	row-gap: 0.4rem;
	align-content: start;
}
.eb-fondateur__nom { grid-area: nom; }
.eb-fondateur__role { grid-area: role; }
.eb-fondateur__citation { grid-area: citation; }
.eb-fondateur__photo { grid-area: photo; align-self: center; width: 80px; margin: 0 !important; }
.eb-fondateur__photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
@media (max-width: 600px) {
	.eb-fondateur { grid-template-areas: "nom photo" "role role" "citation citation"; }
	.eb-fondateur__photo { width: 64px; align-self: end; }
}
@media (max-width: 500px) {
	/* Photo au-dessus du nom, dans le crochet */
	.eb-fondateur { grid-template-columns: minmax(0, 1fr); grid-template-areas: "photo" "nom" "role" "citation"; }
	.eb-fondateur__photo { align-self: start; margin: 0 0 0 1.4rem !important; padding-top: 1.4rem; box-sizing: content-box; }
	.eb-fondateur__nom { padding-top: 0.6rem; }
}
@media (max-width: 380px) {
	.eb-fondateur__nom { font-size: 1.5rem; }
}

/* Savoir-faire : photo à droite (alternance avec « en bref »), liste d'icônes dans la colonne texte */
.eb-histoire-savoir .eb-mbref__photo { order: 2; }
.eb-histoire-savoir .eb-iconlist { display: grid; gap: var(--wp--preset--spacing--30); }
.eb-histoire-savoir .eb-iconlist__item p strong { display: block; }

/* Presse */
.eb-presse {
	position: relative;
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	align-items: center;
	padding: var(--wp--preset--spacing--50);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--anthracite) 14%, transparent);
	border-radius: var(--wp--custom--radius--large, 12px);
}
.eb-presse > * { margin-block-start: 0 !important; }
.eb-presse__source {
	grid-row: span 3;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 11rem;
	padding-right: var(--wp--preset--spacing--50);
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--anthracite) 14%, transparent);
	font-family: var(--wp--preset--font-family--goldman);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.1;
}
.eb-presse__source span {
	display: block;
	margin-top: 0.4rem;
	font-family: var(--wp--preset--font-family--montserrat, inherit);
	font-weight: 400;
	font-size: var(--wp--preset--font-size--small);
	color: var(--eb-muted);
}
.eb-presse__titre {
	font-family: var(--wp--preset--font-family--goldman);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
}
.eb-presse__texte { color: var(--eb-muted); }
.eb-presse .wp-block-buttons { margin-top: 0; }

@media (max-width: 900px) {
	.eb-histoire-savoir .eb-mbref__photo { order: 0; }
	.eb-fondateurs__grille { grid-template-columns: 1fr; }
	.eb-presse { grid-template-columns: 1fr; }
	.eb-presse__source {
		grid-row: auto;
		padding: 0 0 var(--wp--preset--spacing--30);
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--anthracite) 14%, transparent);
	}
}

@media print {
	.eb-fondateur { padding: 0 0 6mm; }
	.eb-presse .wp-block-buttons { display: none !important; }
}