/*
 * Prix — issue 08. Référence : planche 4 (prix), planche 5 (fourchettes).
 * Le balisage vient de pel_prix() (inc/prix.php) : ne pas l'écrire à la main.
 *
 * Tailles de la planche ramenées à l'échelle : régime et unité 13 → 14,
 * « Prix sur demande » 18 → 17 (corps de texte), régime des fourchettes
 * 12,5 → 14. Le montant garde ses 22 px (--pel-fs-h3), en Karla.
 */

.pel-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--pel-space-3xs) var(--pel-space-2xs);
	margin: 0;
	font-family: var(--pel-font-texte);
}

.pel-price__montant {
	color: var(--pel-encre);
	font-size: var(--pel-fs-h3);
	font-weight: 700;
	white-space: nowrap;
}

.pel-price__prefixe,
.pel-price__unit {
	color: var(--pel-gris-chaud);        /* 5,61:1 sur ivoire, 5,94 sur blanc */
	font-size: var(--pel-fs-small);
	font-weight: 400;
}

/* Le régime est écrit, jamais sous-entendu. */
.pel-price__regime {
	color: var(--pel-gris-chaud);
	font-size: var(--pel-fs-small);
	font-weight: 600;
	text-decoration: none;
}

/* Le corps du montant selon sa place (pel_prix, argument « taille ») : une
   fourchette ou « Prix sur demande » au corps de texte ; les autres tailles
   suivent le composant qui l'accueille. */
.pel-price__montant--texte {
	font-size: var(--pel-fs-body);
}

.pel-price__montant--champ {
	font-size: var(--pel-fs-champ);
}

.pel-price__montant--petit {
	font-size: var(--pel-fs-small);
	font-weight: 600;
}