/*
 * Univers des Tea Lectrices (includes/univers-tea.php) : page Les Tea Lectrices
 * seulement (classe « ltl-univers-tea » sur <body>).
 *
 * Mêmes sections que l'accueil des ’tis lecteurs ; seules leurs couleurs changent :
 *   - bleu nuit (marine) : textes et en-tête, en continuité avec la marque ;
 *   - bordeaux profond : titres et section sombre (expériences) ;
 *   - doré chaud : à la place du turquoise et du jaune (aplats, icônes) ;
 *   - crème et ivoire : fonds clairs ;
 *   - rose signature : boutons et accents, inchangés.
 * Le HERO des Tea Lectrices garde ses propres couleurs (il est exclu ci-dessous).
 */

body.ltl-univers-tea {
	--ltl-tea-bordeaux: #5e1229;
	--ltl-tea-bordeaux-clair: #7a1b38;
	--ltl-tea-or: #c9973f;
	--ltl-tea-or-clair: #e8c37a;
	--ltl-tea-ivoire: #fbf6ec;
	--ltl-tea-creme: #f5ead8;
	background: var(--ltl-tea-ivoire);
}

/* Couleurs communes, redéfinies pour toutes les sections sauf le HERO. */
body.ltl-univers-tea :is(.ltl-main > :not(.wp-block-ltl-tea-hero), .ltl-pied) {
	--ltl-creme: var(--ltl-tea-ivoire);
	--ltl-turquoise: var(--ltl-tea-or);
	--ltl-turquoise-texte: var(--ltl-tea-bordeaux-clair);
	--ltl-turquoise-lien: var(--ltl-tea-bordeaux-clair);
	--ltl-turquoise-clair: #f6ead3;
	--ltl-turquoise-halo: var(--ltl-tea-or-clair);
	--ltl-jaune: var(--ltl-tea-or-clair);
	--ltl-bordure: #eadfcc;
}

/* Titres des sections claires : bordeaux profond. */
body.ltl-univers-tea .ltl-main :is(.ltl-avantages, .ltl-activites, .ltl-seance, .ltl-temoignages, .ltl-formules, .ltl-faq) .ltl-section__titre {
	color: var(--ltl-tea-bordeaux);
}

/* Fonds clairs : ivoire et crème au lieu du blanc. */
body.ltl-univers-tea .ltl-main :is(.ltl-avantages, .ltl-seance) {
	background: var(--ltl-tea-ivoire);
}

body.ltl-univers-tea .ltl-main .ltl-activites {
	background: var(--ltl-tea-creme);
}

/* Expériences : bordeaux profond, cartes et contours dorés. */
body.ltl-univers-tea .ltl-main .ltl-experiences {
	--ltl-xp-fond: #3a0a19;
	--ltl-xp-carte: #561327;
	--ltl-xp-contour: rgba(232, 195, 122, 0.36);
	background: linear-gradient(180deg, var(--ltl-tea-bordeaux) 0, #3a0a19 100%);
}

/* Témoignages : ivoire rosé. */
body.ltl-univers-tea .ltl-main .ltl-temoignages {
	background: linear-gradient(180deg, var(--ltl-tea-ivoire) 0, #f8e9e4 50%, var(--ltl-tea-ivoire) 100%);
}

/* « Ce que le club vous apporte » : cartes blanches sur fond ivoire, illustrations des
 * Tea Lectrices (clé « illustration » des cartes) sur une scène crème ou rose poudré.
 * Mobile et tablette : carrousel inchangé. Ordinateur : les quatre cartes alignées,
 * sans effet de profondeur (réglages lus par assets/js/carrousel.js). */
body.ltl-univers-tea .ltl-main :is(.ltl-avantage, .ltl-avantage--rose) {
	border: 1px solid rgba(125, 41, 75, 0.12);
	background: var(--ltl-blanc);
	box-shadow: 0 16px 32px -20px rgba(17, 27, 58, 0.28);
}

body.ltl-univers-tea .ltl-main .ltl-avantage .ltl-illustration {
	--ltl-scene: #f3e8dc;
}

body.ltl-univers-tea .ltl-main .ltl-avantage--rose .ltl-illustration {
	--ltl-scene: #f8e4ea;
}

body.ltl-univers-tea .ltl-main .ltl-avantage__titre {
	color: #111b3a;
	font-weight: 700;
}

body.ltl-univers-tea .ltl-main .ltl-avantage__texte {
	color: #4a5570;
}

body.ltl-univers-tea .ltl-main .ltl-avantages img.ltl-illustration__mascotte {
	width: 78% !important;
	max-width: 250px !important;
}

@media (min-width: 1024px) {
	body.ltl-univers-tea .ltl-main .ltl-avantages .ltl-carrousel[data-ltl-profondeur] {
		--ltl-profondeur-rotation: 0;
		--ltl-profondeur-echelle: 0;
		--ltl-profondeur-opacite: 0;
		--ltl-profondeur-parallaxe: 0;
	}

	body.ltl-univers-tea .ltl-main .ltl-avantages .ltl-carrousel[data-ltl-profondeur] .ltl-carrousel__piste {
		grid-auto-columns: calc((100% - var(--ltl-carrousel-ecart) * 3) / 4);
	}

	body.ltl-univers-tea .ltl-main .ltl-avantage .ltl-illustration {
		height: 184px;
	}
}

/* Pied de page : logo néon des Tea Lectrices (horizontal), élargi pour garder à peu près
 * la hauteur du logo des ’tis lecteurs et rester lisible. */
body.ltl-univers-tea .ltl-pied__logo-image {
	width: 180px;
}

@media (min-width: 1100px) {
	body.ltl-univers-tea .ltl-pied__logo-image {
		width: 210px;
	}
}

/* Instagram : même composition, couleurs des Tea Lectrices (fond crème doré, titre
 * bordeaux, pastille du compte bordée d'or, vague bleu nuit ; rose signature conservé
 * pour le bouton et les accents). */
body.ltl-univers-tea .ltl-main .ltl-instagram.ltl-section {
	background:
		radial-gradient(60% 55% at 4% 8%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 70%),
		radial-gradient(42% 60% at 100% 40%, rgba(217, 166, 90, 0.22), rgba(217, 166, 90, 0) 72%),
		linear-gradient(180deg, var(--ltl-tea-ivoire) 0%, #f7eee2 55%, #f3e8dc 100%);
}

body.ltl-univers-tea .ltl-main .ltl-instagram.ltl-section::after {
	background: rgba(217, 166, 90, 0.16);
}

body.ltl-univers-tea .ltl-main .ltl-instagram__titre {
	color: var(--ltl-tea-bordeaux);
}

body.ltl-univers-tea .ltl-main .ltl-instagram__compte {
	border-color: rgba(217, 166, 90, 0.5);
}

body.ltl-univers-tea .ltl-main .ltl-instagram__vague-fond {
	fill: #111b3a;
}

/* Témoignages, bandeau des bénéfices : crème doré bordé d'or, pastilles rose pâle, or et
 * bordeaux pâle, icônes bordeaux ; le bouton garde le rose signature. */
body.ltl-univers-tea .ltl-main .ltl-temoignages__bandeau {
	border-color: rgba(217, 166, 90, 0.4);
	background: linear-gradient(100deg, #f3e8dc 0%, #efdcc2 100%);
	box-shadow: 0 18px 40px -30px rgba(125, 41, 75, 0.45);
}

body.ltl-univers-tea .ltl-main .ltl-temoignages__icone {
	background: #f9d9e7;
	color: #7d294b;
}

body.ltl-univers-tea .ltl-main .ltl-temoignages__icone--turquoise {
	background: #f0d9ad;
}

body.ltl-univers-tea .ltl-main .ltl-temoignages__icone--jaune {
	background: #ead3d9;
}

@media (min-width: 1100px) {
	body.ltl-univers-tea .ltl-main .ltl-temoignages__benefice {
		border-left-color: rgba(125, 41, 75, 0.2);
	}
}

/* Instagram : quatre publications dans leurs proportions d'origine (aucun recadrage), sur
 * toutes les largeurs. Mobile : grille de deux sur deux ; tablette : les quatre en ligne
 * (réglages de l'ordinateur) ; ordinateur : éventail d'origine. */
body.ltl-univers-tea .ltl-section img.ltl-instagram__image {
	flex: none;
	aspect-ratio: var(--ltl-instagram-ratio, auto);
}

body.ltl-univers-tea .ltl-instagram__post:nth-child(n + 4) {
	display: block;
}

@media (max-width: 699px) {
	body.ltl-univers-tea .ltl-instagram .ltl-instagram__liste {
		flex-wrap: wrap;
		gap: 18px 4%;
	}

	body.ltl-univers-tea .ltl-instagram__post {
		flex-basis: 46%;
	}

	body.ltl-univers-tea .ltl-instagram__post + .ltl-instagram__post {
		margin-left: 0;
	}

	body.ltl-univers-tea .ltl-instagram__post:nth-child(n) {
		z-index: auto;
		margin-top: 0;
		scale: none;
	}

	body.ltl-univers-tea .ltl-instagram__post:nth-child(1) { --ltl-instagram-rotation: -2deg; }
	body.ltl-univers-tea .ltl-instagram__post:nth-child(2) { --ltl-instagram-rotation: 1.5deg; margin-top: 14px; }
	body.ltl-univers-tea .ltl-instagram__post:nth-child(3) { --ltl-instagram-rotation: 1.5deg; }
	body.ltl-univers-tea .ltl-instagram__post:nth-child(4) { --ltl-instagram-rotation: -2deg; margin-top: 14px; }
}

@media (min-width: 700px) and (max-width: 1099px) {
	body.ltl-univers-tea .ltl-instagram .ltl-instagram__liste {
		--ltl-instagram-carte: 26.2%;
		--ltl-instagram-chevauchement: -1.6%;
		max-width: 760px;
	}
}

/* Pied de page : rose fuchsia des Tea Lectrices (#F52C91) pour les accents, fuchsia plus
 * soutenu pour les boutons (texte blanc lisible), filets et forme de gauche dorés, forme
 * de droite fuchsia, fond bordeaux derrière la forme dorée. */
body.ltl-univers-tea .ltl-pied {
	--ltl-pied-rose: #f52c91;
	--ltl-pied-ligne: rgba(217, 166, 90, 0.28);
	--ltl-rose: #f52c91;
	--ltl-rose-action: #e0197f;
	--ltl-rose-ombre: #a10f5b;
}

body.ltl-univers-tea .ltl-pied__forme--turquoise {
	background: linear-gradient(165deg, #f0d29a 0%, #d9a65a 70%);
}

body.ltl-univers-tea .ltl-pied__forme--turquoise::after {
	background: linear-gradient(180deg, #7d294b, #5e1229);
}

body.ltl-univers-tea .ltl-pied__forme--rose {
	background: linear-gradient(170deg, #ff8cc6, #f52c91);
}

body.ltl-univers-tea .ltl-pied__bouton {
	box-shadow: 0 5px 0 var(--ltl-rose-ombre), 0 14px 28px rgba(245, 44, 145, 0.35);
}

/* Pied de page assorti à la section « Une expérience qui va au-delà de la lecture »
 * (blocks/tea-experiences) : même fond bordeaux-prune (sans halo en haut, pour se
 * raccorder sans ligne à la vague de la section Instagram), textes crème,
 * soulignés, traits et filets dorés ; fuchsia pour les mots en couleur, le cœur et le
 * bouton. La vague de la section Instagram, juste au-dessus, prend le bordeaux du pied. */
body.ltl-univers-tea .ltl-pied {
	--ltl-pied-texte: rgba(243, 232, 220, 0.88);
	--ltl-pied-ligne: rgba(217, 166, 90, 0.3);
	background:
		radial-gradient(circle at 100% 100%, rgba(245, 44, 145, 0.08) 0, rgba(245, 44, 145, 0) 420px),
		linear-gradient(180deg, #561a35 0, #3f1027 55%, #2c0a1d 100%);
	color: #f3e8dc;
}

body.ltl-univers-tea .ltl-main .ltl-instagram__vague-fond {
	fill: #561a35;
}

body.ltl-univers-tea .ltl-pied__appel {
	border-color: rgba(217, 166, 90, 0.45);
	background: #3f1027;
}

body.ltl-univers-tea .ltl-pied__appel::before {
	background: linear-gradient(180deg, rgba(44, 10, 29, 0.9) 0%, rgba(44, 10, 29, 0.78) 55%, rgba(44, 10, 29, 0.88) 100%);
}

body.ltl-univers-tea :is(.ltl-pied__appel-titre, .ltl-pied__marque, .ltl-pied__titre, .ltl-pied .ltl-pied__devise, .ltl-pied__signature-texte) {
	color: #f3e8dc;
}

body.ltl-univers-tea .ltl-pied__appel-intro {
	color: rgba(243, 232, 220, 0.94);
}

body.ltl-univers-tea .ltl-pied__copyright {
	color: rgba(243, 232, 220, 0.72);
}

body.ltl-univers-tea :is(.ltl-pied__traits, .ltl-pied__souligne, .ltl-pied__avion) {
	color: #d9a65a;
}

body.ltl-univers-tea .ltl-pied__reseau {
	background: rgba(125, 41, 75, 0.55);
	box-shadow: inset 0 0 0 1px rgba(217, 166, 90, 0.45);
	color: #f3e8dc;
}

body.ltl-univers-tea .ltl-pied__forme--turquoise::after {
	background: linear-gradient(180deg, #7d294b, #111b3a);
}

/* Doré : pointillés de la vague Instagram ; « passionnées », « Lectrices » et cœur du pied de page. */
body.ltl-univers-tea .ltl-main .ltl-instagram__vague-trait {
	stroke: #d9a65a;
}

body.ltl-univers-tea :is(.ltl-pied__accent, .ltl-pied__marque-accent, .ltl-pied__coeur) {
	color: #d9a65a;
}

/* ------------------------------------------------------------------ */
/* Section « Les formules » : le café littéraire new-yorkais, de nuit  */
/* ------------------------------------------------------------------ */

/*
 * Fond (fond-tea-lectrices, paysage sur ordinateur et tablette, portrait sur mobile,
 * choisi par le contenu de la page : desktopFile / mobileFile) : l'image garde la hauteur
 * de l'écran et reste visible (position collante) pendant que les cartes défilent, quelle
 * que soit la hauteur de la section ; jamais étirée ni répétée, recadrée seulement sur
 * les bords. Un voile bleu nuit garde le titre lisible et fait ressortir les livres.
 */
/* overflow: clip (et non hidden) : la section ne devient pas un conteneur de défilement,
 * condition pour que le fond reste collé à l'écran. */
body.ltl-univers-tea .ltl-formules {
	overflow: hidden;
	overflow: clip;
	background: #111b3a;
}

body.ltl-univers-tea .ltl-formules__fond {
	inset: 0;
	-webkit-mask-image: none;
	mask-image: none;
}

body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formules__fond img {
	position: sticky;
	top: 0;
	height: 100vh;
	height: 100lvh;
	min-height: 0;
	object-fit: cover;
	object-position: 50% 50%;
}

body.ltl-univers-tea .ltl-formules::before {
	background:
		linear-gradient(180deg, rgba(17, 27, 58, 0.86) 0, rgba(17, 27, 58, 0.6) 220px, rgba(17, 27, 58, 0.34) 520px, rgba(17, 27, 58, 0.34) calc(100% - 420px), rgba(17, 27, 58, 0.82) 100%);
}

body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formules__titre {
	color: #f3e8dc;
	text-shadow: 0 2px 14px rgba(8, 12, 30, 0.85);
}

body.ltl-univers-tea .ltl-formules__ornement {
	color: #d9a65a;
}

body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formules__intro {
	color: #f3e8dc;
	text-shadow: 0 1px 10px rgba(8, 12, 30, 0.9);
}

/* Livres-formules : ombre portée profonde et léger halo doré, devant le décor. */
body.ltl-univers-tea .ltl-formule__livre {
	filter: drop-shadow(0 18px 16px rgba(4, 6, 16, 0.6)) drop-shadow(0 0 22px rgba(217, 166, 90, 0.3));
}

/* La carte ne recouvre que le pied du livre (6 % de sa hauteur, contre 12 %) : la plaque
 * de durée imprimée sur la couverture (« 1 mois », « 3 mois »…) reste visible. */
body.ltl-univers-tea .ltl-formule__carte {
	margin-top: calc(var(--livre) * -0.08);
}

/* Couleurs des cartes accordées aux couvertures : La Tirade (bleu nuit et bleu canard),
 * La Réplique (bordeaux et rose fuchsia). Texte blanc sur l'accent : contraste AA. */
body.ltl-univers-tea .ltl-formule--marine {
	--f-accent: #1b5e78;
	--f-fonce: #111b3a;
	--f-doux: #e9f2f5;
}

body.ltl-univers-tea .ltl-formule--bordeaux {
	--f-accent: #b0175f;
	--f-fonce: #7d294b;
	--f-doux: #fcedf3;
}

body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formules__faq {
	color: #f3e8dc;
	text-shadow: 0 1px 8px rgba(8, 12, 30, 0.9);
}

body.ltl-univers-tea .ltl-formules .ltl-formules__faq a {
	color: #d9a65a;
}

body.ltl-univers-tea .ltl-formules .ltl-formules__faq a:hover {
	color: #f3e8dc;
}

/*
 * Conclusion titrée des cartes (repère : titre et phrase) : affichée à toutes les
 * largeurs sur la page Tea, sans flèche ni illustration sous 1200 px (le bloc ne
 * l'affiche qu'en quatre colonnes ailleurs).
 */
@media (max-width: 1199px) {
	body.ltl-univers-tea .ltl-formules .ltl-formule__guide {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		padding: 2px 6px;
		text-align: center;
	}

	body.ltl-univers-tea .ltl-formules .ltl-formule__guide :is(.ltl-formule__guide-fleche, .ltl-formule__guide-illustration) {
		display: none;
	}

	body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formule__guide-titre {
		color: var(--f-accent);
		font-size: 18px;
		font-weight: 800;
		line-height: 1.25;
		text-wrap: balance;
	}

	body.ltl-univers-tea .ltl-formules.ltl-formules .ltl-formule__guide-texte {
		color: var(--ltl-texte-doux);
		font-size: 15px;
		line-height: 1.45;
		text-wrap: balance;
	}
}

/*
 * Quatre colonnes : La Réplique, La Tirade et Le Discours prennent la hauteur de la plus
 * longue des trois (boutons alignés) ; Duo Tea & Tis, plus complète, peut descendre plus
 * bas sans allonger les trois autres (elle occupe aussi la seconde rangée, flexible).
 */
@media (min-width: 1200px) {
	body.ltl-univers-tea .ltl-formules--4 .ltl-formules__liste {
		grid-template-rows: auto 1fr;
		row-gap: 0;
	}

	body.ltl-univers-tea .ltl-formules--4 .ltl-formule {
		grid-row: 1;
	}

	body.ltl-univers-tea .ltl-formules--4 .ltl-formule:nth-child(4) {
		grid-row: 1 / span 2;
	}
}

@media (min-width: 700px) {
	/* Plusieurs colonnes : l'espace libre d'une carte moins remplie est réparti à parts
	 * égales au-dessus des blocs qui suivent le tarif (marges automatiques), plutôt qu'un
	 * seul grand vide autour de la conclusion ; l'en-tête et le tarif restent groupés, le
	 * bouton reste en bas. */
	body.ltl-univers-tea .ltl-formules .ltl-formule__tarif ~ :is(.ltl-formule__seances, .ltl-formule__encadre, .ltl-formule__guide, .ltl-formule__conclusion, .ltl-bouton--formule) {
		margin-top: auto;
		margin-bottom: 0;
	}
}