/*
 * L'espace collectivités — issue 21. Référence : maquette 11.
 * Balisage : inc/collectivites.php. Preuves, étapes et formulaire (pel-pro-form,
 * variante --collectivite, textes longs compris) : css/pro.css ; bandeau de fin : css/elements.css.
 *
 * Valeurs de la maquette ramenées à l'échelle : titre 50 → titre de page,
 * textes 14-18 → 14 et 17, marges 18 → 16, 28 → 32, 48 → 48.
 * Surtitre en encre douce, pas en bronze (4,45:1 sur sable), comme l'espace pro.
 */

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

.pel-collectivites__titre {
	max-width: calc(var(--pel-container) * 0.75);
	margin: 0 0 var(--pel-space-s);
	font-size: var(--pel-fs-display);
	line-height: var(--pel-lh-titre);
}

.pel-collectivites__chapo,
.pel-collectivites__intro {
	max-width: calc(var(--pel-container) * 0.55);
	margin: 0 0 var(--pel-space-m);
	color: var(--pel-encre-douce);
	line-height: var(--pel-lh-texte);
}

.pel-collectivites__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pel-space-xs);
	margin: 0;
}

.pel-collectivites__devis {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: var(--pel-space-xl);
	align-items: start;
}

/* --- pel-devis-mentions ------------------------------------------------------ */
.pel-devis-mentions {
	padding: var(--pel-space-l);
	border: var(--pel-filet) solid var(--pel-lin);
	border-radius: var(--pel-radius-l);
	background: var(--pel-blanc);
}

.pel-devis-mentions__titre {
	margin: 0 0 var(--pel-space-s);
}

.pel-devis-mentions__liste {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pel-devis-mentions__mention {
	padding: var(--pel-space-xs) 0;
	border-bottom: var(--pel-filet) solid var(--pel-lin);   /* décoratif */
	color: var(--pel-encre);
	font-size: var(--pel-fs-small);
	line-height: var(--pel-lh-texte);
}

.pel-devis-mentions__note {
	margin: var(--pel-space-s) 0 0;
	color: var(--pel-encre-douce);
	font-size: var(--pel-fs-small);
	line-height: var(--pel-lh-texte);
}

@media (max-width: 991px) {
	.pel-collectivites__devis {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.pel-devis-mentions {
		padding: var(--pel-space-m);
	}
}