/*
 * capsule.s : habillage du formulaire de réservation LatePoint
 * Posé le 30 octobre 2026. Chargé par le mu-plugin cs-latepoint-fichiers.php,
 * seulement sur les pages qui affichent LatePoint.
 * La couleur principale (#C15634) et les coins arrondis sont des réglages de
 * LatePoint (Paramètres > Formulaire de réservation) : ici, le reste.
 * Les icônes de LatePoint utilisent la police latepointIcons : ne pas la toucher.
 */

/* Couleurs de la charte, à la place du gris bleuté de LatePoint */
.latepoint-w.latepoint-w {
	--latepoint-body-color: #3A2A14;
	--latepoint-headings-color: #3A2A14;
	--latepoint-color-text-faded: #7A6650;
	--latepoint-side-panel-bg: #FBF4E6;
	--latepoint-summary-panel-bg: #FBF4E6;
	--latepoint-timeslot-selected-color: #C15634;
	--latepoint-calendar-weekday-label-bg: #FBF4E6;
}

/* Polices du site : Nunito Sans pour le texte, Quicksand pour les titres */
.latepoint-w.latepoint-w,
.latepoint-w.latepoint-w :is(div, p, span, a, li, label, input, select, textarea, button, strong, h3, h4, h5):not([class*="latepoint-icon"]) {
	font-family: "Nunito Sans", sans-serif;
}
.latepoint-w.latepoint-w :is(.latepoint-desc-title, .latepoint-questions h5, .os-item-name, .latepoint-step-desc h3) {
	font-family: Quicksand, sans-serif;
	font-weight: 600;
}

/* Panneau gauche : l'illustration bleue de LatePoint retirée */
.latepoint-w.latepoint-w .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.latepoint-desc-media {
	display: none;
}

/* Textes secondaires : brun clair de la charte (LatePoint les écrit en gris bleu, en dur) */
.latepoint-w.latepoint-w :is(.latepoint-desc-content, .os-item-desc, .pbh-label, .sbh-item, .latepoint-questions) {
	color: #7A6650;
}

/* Texte d'aide sous « Une question ? » : LatePoint le colore plus fort que la règle ci-dessus */
.latepoint-w.latepoint-w .latepoint-side-panel .latepoint-questions.latepoint-questions {
	color: #7A6650;
}

/* Choix de l'espace : la photo de chaque salle en grand, sur deux colonnes */
.latepoint-w.latepoint-w .step-agents-w .os-items.os-as-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.latepoint-w.latepoint-w .step-agents-w .os-items .os-item {
	width: auto;
	margin: 0;
	flex: none;
}
.latepoint-w.latepoint-w .step-agents-w .os-items .os-item .os-item-img-w.os-with-avatar {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 10px;
}
.latepoint-w.latepoint-w .step-agents-w .os-items .os-item .os-item-img-w.os-with-avatar .os-avatar.os-avatar {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	border-radius: 12px;
	background-size: cover;
	background-position: center;
}
@media (max-width: 600px) {
	.latepoint-w.latepoint-w .step-agents-w .os-items.os-as-grid {
		grid-template-columns: 1fr;
	}
}