/*
 * Les collections — issue 19. Référence : maquette 15. Balisage :
 * inc/collections.php. Badge : css/elements.css (pel-badge--collection) ;
 * état vide : css/filtres.css ; bandeau de fin : css/elements.css.
 *
 * Valeurs de la maquette ramenées à l'échelle : titre 56 → titre de page,
 * textes 15-18 → 14 et 17, marges 12 → 16, 28 → 32.
 * Surtitre en encre douce, pas en bronze (4,45:1 sur sable).
 */

/* --- pel-collection-head ------------------------------------------------------ */
.pel-collection-head__surtitre {
	margin: var(--pel-space-s) 0;
	color: var(--pel-encre-douce);
	font-size: var(--pel-fs-small);
	font-weight: 600;
	letter-spacing: var(--pel-capitales);
	text-transform: uppercase;
}

.pel-collection-head__titre {
	margin: 0 0 var(--pel-space-s);
	font-size: var(--pel-fs-display);
	line-height: var(--pel-lh-titre);
}

.pel-collection-head__texte,
.pel-collection-head__note {
	max-width: calc(var(--pel-container) * 0.55);
	color: var(--pel-encre-douce);
	line-height: var(--pel-lh-texte);
}

.pel-collection-head__texte > * {
	margin: 0 0 var(--pel-space-s);
}

.pel-collection-head__note {
	margin: 0;
	font-size: var(--pel-fs-small);
}

.pel-collection-head__chiffres {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pel-space-m);
	margin: var(--pel-space-m) 0 0;
}

.pel-collection-head__chiffre {
	padding-left: var(--pel-space-s);
	border-left: var(--pel-trait) solid var(--pel-champagne);   /* décoratif */
}

.pel-collection-head__cle {
	color: var(--pel-gris-chaud);
	font-size: var(--pel-fs-small);
}

.pel-collection-head__valeur {
	margin: var(--pel-space-3xs) 0 0;
	color: var(--pel-encre);
	font-weight: 600;
}

.pel-collection-head__liste,
.pel-collections-autres__liste {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pel-space-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pel-collection-head__filtre {
	margin-top: var(--pel-space-m);
}

.pel-collection-head__vide {
	margin-top: var(--pel-space-l);
}

/* --- pel-collections-autres ---------------------------------------------------- */
.pel-collections-autres__intro {
	margin: 0 0 var(--pel-space-m);
	color: var(--pel-encre-douce);
	line-height: var(--pel-lh-texte);
}