/**
 * 40-poeme.css — Gabarit dédié à la poésie.
 *
 * Le gabarit d'article justifie et tasse : les retours à la ligne d'un poème y
 * sont écrasés. Ici les vers sont respectés (`white-space: pre-line`), les
 * strophes numérotées en marge, et rien ne s'intercale avant le texte.
 *
 * @package Tresor_Sublime
 */

.ts-poeme {
	max-width: 46rem;
	margin-inline: auto;
}

/* ==============================================================
 * EN-TÊTE — sobre, centré, sans métadonnées bavardes
 * ============================================================ */

.ts-poeme__entete {
	margin-bottom: var(--ts-4);
	text-align: center;
}

.ts-poeme__titre {
	margin: var(--ts-2) 0 var(--ts-2);
	font-size: var(--ts-t-5);
	line-height: 1.1;
}

.ts-poeme__filet {
	width: 5rem;
	height: 1px;
	margin: var(--ts-3) auto;
	border: 0;
	background-color: var(--ts-laiton);
}

.ts-poeme__meta {
	justify-content: center;
	font-size: 0.7rem;
}

/* ==============================================================
 * LE TEXTE — les vers, tels qu'ils sont écrits
 * ============================================================ */

.ts-poeme__texte {
	counter-reset: strophe;
	max-width: 34rem;
	margin-inline: auto;
	font-family: var(--ts-titre);
	font-size: 1.28rem;
	line-height: 1.95;
	color: var(--ts-encre);
}

/* Chaque paragraphe est une strophe ; les retours à la ligne sont conservés. */
.ts-poeme__texte p {
	position: relative;
	margin: 0 0 var(--ts-3);
	padding-left: 2.6rem;
	white-space: pre-line;
	counter-increment: strophe;
}

.ts-poeme__texte p::before {
	content: counter(strophe);
	position: absolute;
	top: 0.42em;
	left: 0;
	width: 1.8rem;
	font-family: var(--ts-mono);
	font-size: 0.68rem;
	line-height: 1;
	text-align: right;
	color: var(--ts-laiton);
	font-variant-numeric: tabular-nums;
	transition: color var(--ts-transit);
}

.ts-poeme__texte p:hover::before {
	color: var(--ts-vert);
}

/* Poème d'une seule strophe : la numérotation n'apprend rien, on la retire. */
.ts-poeme__texte p:only-of-type::before {
	content: none;
}

/* Strophes non numérotées : ajouter la classe sur le conteneur. */
.ts-poeme__texte--sans-numeros p {
	padding-left: 0;
}

.ts-poeme__texte--sans-numeros p::before {
	content: none;
}

/* Vers en arabe. */
.ts-poeme__texte [lang="ar"],
.ts-poeme__texte .ts-arabe {
	display: block;
	direction: rtl;
	text-align: right;
	font-size: 1.35em;
	line-height: 2.15;
}

.ts-poeme__texte em {
	color: var(--ts-encre-douce);
}

/* Une image dans un poème reste discrète. */
.ts-poeme__texte figure {
	margin-block: var(--ts-4);
	padding-left: 0;
}

@media (max-width: 560px) {
	.ts-poeme__texte {
		font-size: 1.14rem;
	}

	.ts-poeme__texte p {
		padding-left: 2rem;
	}
}

/* ==============================================================
 * PIED — l'ornement ferme le poème
 * ============================================================ */

.ts-poeme__fin {
	margin: var(--ts-5) 0 var(--ts-4);
	text-align: center;
	color: var(--ts-laiton);
}

.ts-poeme__fin .ts-ornement {
	font-size: 1.6rem;
}

.ts-poeme__pied {
	max-width: 34rem;
	margin-inline: auto;
	padding-top: var(--ts-3);
	border-top: 1px solid var(--ts-filet);
}