/*
 * Le showroom et la demande de RDV déco — issue 25. Référence : maquette 16.
 * Balisage : inc/rdv.php. Les étapes (pel-steps) : css/pro.css.
 *
 * Valeurs de la maquette ramenées à l'échelle : titre 48 → titre de page,
 * textes 13-15 → 14 et 17, marges 18 → 16, 20 → 24, 28 → 32.
 * Légendes des groupes en encre douce, pas en bronze (4,36:1 sur champagne
 * pâle, 5,29 sur blanc : on garde une seule couleur pour les légendes).
 */

/* --- La page ---------------------------------------------------------------- */
.pel-showroom__titre {
	max-width: calc(var(--pel-container) * 0.7);
	margin: var(--pel-space-s) 0;
	line-height: var(--pel-lh-titre);
}

.pel-showroom__chapo,
.pel-showroom__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-showroom__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pel-space-xs);
	margin: 0;
}

.pel-showroom__infos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--pel-space-m);
	margin: var(--pel-space-m) 0 0;
}

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

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

.pel-showroom__valeur {
	margin: var(--pel-space-3xs) 0 0;
	color: var(--pel-encre);
	font-weight: 600;
	line-height: var(--pel-lh-texte);
}

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

.pel-showroom__pourquoi {
	display: flex;
	flex-direction: column;
	gap: var(--pel-space-s);
}

.pel-showroom__pourquoi-titre,
.pel-showroom__pourquoi-texte {
	margin: 0;
}

.pel-showroom__pourquoi-texte {
	color: var(--pel-encre-douce);
	line-height: var(--pel-lh-texte);
}

.pel-showroom__prepa {
	padding: var(--pel-space-m);
	border: var(--pel-filet) solid var(--pel-champagne);   /* décoratif */
	border-radius: var(--pel-radius-l);
	background: var(--pel-champagne-pale);
}

.pel-showroom__prepa-titre {
	margin: 0 0 var(--pel-space-xs);
	color: var(--pel-encre);
	font-weight: 700;
}

.pel-showroom__prepa-liste {
	display: flex;
	flex-direction: column;
	gap: var(--pel-space-2xs);
	margin: 0;
	padding-left: var(--pel-space-m);
	color: var(--pel-encre-douce);
	font-size: var(--pel-fs-small);
	line-height: var(--pel-lh-texte);
}

.pel-showroom__prepa-point::marker {
	color: var(--pel-champagne);
}

/* --- pel-rdv-form -------------------------------------------------------------- */
.pel-rdv-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--pel-space-m);
	padding: var(--pel-space-l);
	border: var(--pel-filet) solid var(--pel-lin);
	border-radius: var(--pel-radius-l);
	background: var(--pel-blanc);
}

.pel-rdv-form__groupe {
	align-self: stretch;
	margin: 0;
	padding: var(--pel-space-m) 0 0;
	border: 0;
	border-top: var(--pel-filet) solid var(--pel-lin);
}

.pel-rdv-form__groupe:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.pel-rdv-form__legende {
	padding: 0;
	margin-bottom: var(--pel-space-xs);
	color: var(--pel-encre-douce);
	font-size: var(--pel-fs-small);
	font-weight: 600;
	letter-spacing: var(--pel-capitales-legende);
	text-transform: uppercase;
}

.pel-rdv-form__champs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pel-space-s);
}

.pel-rdv-form__piege {
	position: absolute;
	left: calc(var(--pel-container) * -10);
	margin: 0;
}

.pel-rdv-form__erreur {
	align-self: stretch;
	margin: 0;
	padding: var(--pel-space-xs) var(--pel-space-s);
	border-left: var(--pel-trait) solid var(--pel-terre-foncee);
	background: var(--pel-champagne-pale);
	color: var(--pel-terre-foncee);         /* 5,63:1 */
	font-weight: 600;
}

.pel-rdv-form__titre {
	margin: 0;
	font-family: var(--pel-font-titre);
	font-size: var(--pel-fs-h3);
	font-weight: 600;
}

.pel-rdv-form__texte {
	margin: 0;
	color: var(--pel-gris-chaud);
	font-size: var(--pel-fs-small);
	line-height: var(--pel-lh-texte);
}

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

@media (max-width: 767px) {
	.pel-showroom__infos,
	.pel-rdv-form__champs {
		grid-template-columns: minmax(0, 1fr);
	}

	.pel-rdv-form {
		padding: var(--pel-space-m);
	}
}

/* « Avant de venir » : la FAQ de la page (Will, 25/09, #153), pel-faq de la page événement. */
.pel-showroom__faq {
	max-width: calc(var(--pel-container) * 0.7);
}