/* Pages vitrine : héros, étapes, préparations, citation, carte de marché. */

.tb-hero {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	min-height: 560px;
}

.tb-hero--histoire,
.tb-hero--juments {
	min-height: 420px;
}

.tb-hero__texte {
	justify-content: center;
	gap: 28px;
	padding: clamp(48px, 9vw, 90px) var(--wp--custom--gouttiere);
}

.tb-hero__texte.tb-bande--sauge,
.tb-hero__texte.tb-bande--alt {
	gap: 18px;
}

.tb-hero__chapeau {
	max-width: 460px;
}

.tb-hero__image {
	position: relative;
	min-height: 280px;
	background: var(--wp--preset--color--trait);
}

.tb-hero__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Étapes numérotées (page Plantes) */
.tb-etapes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tb-etape {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 18px;
	border-top: 1px solid var(--wp--preset--color--trait-fort);
}

.tb-etape__numero {
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: var(--wp--preset--font-size--titre-section);
	font-weight: 300;
	line-height: 1;
	color: var(--wp--preset--color--or-texte);
}

.tb-etape__titre {
	font-size: var(--wp--preset--font-size--sous-titre);
	font-weight: 600;
}

.tb-etape p {
	font-size: var(--wp--preset--font-size--corps-m);
}

/* Citation avec vignette (page Plantes) */
.tb-citation-bloc {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0;
}

/* La citation de la page Plantes fait 28 px dans la maquette (32 px sur la page Notre histoire). */
.tb-citation-bloc .tb-citation {
	font-size: var(--wp--preset--font-size--citation-bloc);
}

.tb-citation-bloc__image {
	flex: none;
	width: 90px;
	height: 90px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

/* Préparations en alternance (page Plantes) */
.tb-titre-section + .tb-preparation {
	margin-top: 20px;
}

.tb-preparation {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 40px;
	align-items: center;
	padding-block: 44px;
	border-top: 1px solid var(--wp--preset--color--trait);
}

.tb-preparation .tb-vignette__image {
	max-width: 260px;
	aspect-ratio: 1;
}

@media (min-width: 768px) {
	.tb-preparation--inverse > .tb-vignette {
		order: 2;
	}
}

/* Carte du marché (page Maraîchage) */
.tb-carte-marche {
	gap: 10px;
	padding: clamp(24px, 4vw, 36px);
	border: 1px solid var(--wp--preset--color--trait-fort);
}

.tb-carte-marche__lieu {
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: var(--wp--preset--font-size--titre-section);
	font-weight: 600;
	line-height: 1.2;
}

.tb-carte-marche__horaire {
	color: var(--wp--preset--color--terracotta-texte);
}

.tb-carte-marche__paiement {
	margin-top: 10px;
	font-size: var(--wp--preset--font-size--corps-s);
}