/* =================================================================
   PAGE NOTRE UNIVERS — en complément de accueil.css (chargé aussi ici)
   ================================================================= */

/* ---------- Bannière plus courte que celle de l'accueil ---------- */

.tdc-hero--page {
	min-height: 52svh;
	padding: 72px 20px 64px;
}

.tdc-hero--page .tdc-hero__titre {
	font-size: clamp(2.3rem, 8vw, 3.8rem);
}

/* ---------- Le récit de Jessica ---------- */

.tdc-recit__texte {
	max-width: 680px;
	margin: 0 auto;
	font-size: 1.125rem;
	line-height: 1.8;
}

.tdc-recit__texte p {
	margin: 0 0 1.2em;
}

/* Première phrase : grande, en Cormorant, avec une lettrine dorée */
.tdc-recit__ouverture {
	font-family: var(--wp--preset--font-family--titre);
	font-size: 1.6rem;
	line-height: 1.4;
	color: var(--wp--preset--color--prune);
}

.tdc-recit__ouverture::first-letter {
	float: left;
	font-size: 4.6em;
	line-height: 0.82;
	padding: 0.06em 0.1em 0 0;
	color: var(--wp--preset--color--or);
	text-shadow: 0 0 18px rgba(201, 164, 92, 0.45);
}

/* La citation */
.tdc-citation {
	position: relative;
	margin: 2em 0;
	padding: 28px 24px 24px;
	border-block: 1px solid rgba(201, 164, 92, 0.55);
	text-align: center;
}

.tdc-citation .tdc-etoile {
	position: absolute;
	top: -12px;
	left: 50%;
	margin: 0 0 0 -11px;
	padding: 0 6px;
	box-sizing: content-box;
	background: var(--wp--preset--color--creme);
}

.tdc-citation p {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--titre);
	font-size: 1.55rem;
	font-style: italic;
	line-height: 1.35;
	color: var(--wp--preset--color--violet);
}

.tdc-signature {
	font-family: var(--wp--preset--font-family--titre);
	font-size: 2rem;
	font-style: italic;
	text-align: right;
	color: var(--wp--preset--color--prune);
}

.tdc-signature::before {
	content: "— ";
	color: var(--wp--preset--color--or);
}

/* ---------- Deux univers ---------- */

.tdc-section--deux-univers {
	background: var(--wp--preset--color--parchemin);
	border-block: 1px solid rgba(201, 164, 92, 0.35);
}

.tdc-section--deux-univers .tdc-univers__carte {
	min-height: 280px;
}

/* ---------- Le chemin de fabrication ---------- */

.tdc-chemin {
	position: relative;
	list-style: none;
	max-width: 720px;
	margin: 0 auto;
	padding: 0;
}

/* Le fil doré qui relie les étapes */
.tdc-chemin::before {
	content: "";
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 21px;
	width: 2px;
	background: linear-gradient(180deg, #C9A45C, rgba(201, 164, 92, 0.25));
}

.tdc-chemin__etape {
	position: relative;
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 16px;
	align-items: start;
	margin-bottom: 18px;
}

.tdc-chemin__point {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--wp--preset--color--prune);
	border: 2px solid var(--wp--preset--color--or);
	color: var(--wp--preset--color--or);
	font-family: var(--wp--preset--font-family--titre);
	font-size: 1.3rem;
	font-weight: 600;
	transition: box-shadow 0.6s ease, transform 0.6s cubic-bezier(0.2, 1.4, 0.4, 1);
}

/* Quand l'étape apparaît, son point s'illumine */
.tdc-chemin__etape.is-visible .tdc-chemin__point {
	box-shadow: 0 0 0 6px rgba(201, 164, 92, 0.15), 0 0 22px rgba(201, 164, 92, 0.6);
	transform: scale(1.06);
}

.tdc-chemin__carte {
	padding: 14px 18px 16px;
	border-radius: 14px;
	background: var(--wp--preset--color--parchemin);
	border: 1px solid rgba(201, 164, 92, 0.45);
	box-shadow: 0 10px 24px -18px rgba(75, 27, 69, 0.5);
}

.tdc-chemin__carte h3 {
	margin: 0 0 4px;
	font-size: 1.35rem;
}

.tdc-chemin__carte p {
	margin: 0;
	font-size: 0.98rem;
}

/* Les étapes apparaissent l'une après l'autre */
.tdc-js .tdc-chemin__etape.tdc-reveal {
	transform: translateX(-16px);
}

.tdc-js .tdc-chemin__etape.tdc-reveal.is-visible {
	transform: none;
}

/* Encadré partenaires */
.tdc-partenaires {
	max-width: 720px;
	margin: 36px auto 0;
	padding: 22px 24px;
	border-radius: 14px;
	border: 1px dashed rgba(201, 164, 92, 0.8);
	text-align: center;
}

.tdc-partenaires h3 {
	margin: 0 0 8px;
	font-size: 1.4rem;
}

.tdc-partenaires p {
	margin: 0;
}

/* ---------- Écrans plus larges : le chemin alterne gauche / droite ---------- */

@media (min-width: 782px) {
	.tdc-recit__ouverture {
		font-size: 1.9rem;
	}

	.tdc-chemin {
		max-width: 920px;
	}

	.tdc-chemin::before {
		left: 50%;
		margin-left: -1px;
	}

	.tdc-chemin__etape {
		grid-template-columns: 1fr 44px 1fr;
		gap: 24px;
		margin-bottom: 8px;
	}

	.tdc-chemin__point {
		grid-column: 2;
		grid-row: 1;
	}

	.tdc-chemin__etape:nth-child(odd) .tdc-chemin__carte {
		grid-column: 1;
		grid-row: 1;
		text-align: right;
	}

	.tdc-chemin__etape:nth-child(even) .tdc-chemin__carte {
		grid-column: 3;
		grid-row: 1;
	}

	.tdc-js .tdc-chemin__etape:nth-child(odd).tdc-reveal {
		transform: translateX(-24px);
	}

	.tdc-js .tdc-chemin__etape:nth-child(even).tdc-reveal {
		transform: translateX(24px);
	}

	.tdc-js .tdc-chemin__etape.tdc-reveal.is-visible {
		transform: none;
	}
}