/* =========================================================
   Harmonisation de LatePoint avec la palette du thème.
   Conseil : dans LatePoint > Réglages > Apparence, mets aussi
   la couleur principale à #16111B pour un résultat uniforme.
   ========================================================= */

.reservation__boite .latepoint-w,
.latepoint-booking-form-element,
.latepoint-lightbox-w {
	font-family: var(--f-texte) !important;
	--latepoint-brand-primary: var(--bouton, #16111b);
	--latepoint-brand-primary-dark: var(--rose, #de1a6b);
}

.reservation__boite .latepoint-w h1,
.reservation__boite .latepoint-w h2,
.reservation__boite .latepoint-w h3,
.latepoint-lightbox-w h1,
.latepoint-lightbox-w h2,
.latepoint-lightbox-w h3 {
	font-family: var(--f-titre) !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
}

/* Boutons principaux */
.latepoint-w .latepoint-btn.latepoint-btn-primary,
.latepoint-w .latepoint-next-btn,
.latepoint-lightbox-w .latepoint-btn.latepoint-btn-primary,
.latepoint-lightbox-w .latepoint-next-btn {
	background-color: var(--bouton, #16111b) !important;
	border-color: var(--bouton, #16111b) !important;
	border-radius: 999px !important;
	letter-spacing: .08em;
}
.latepoint-w .latepoint-btn.latepoint-btn-primary:hover,
.latepoint-w .latepoint-next-btn:hover,
.latepoint-lightbox-w .latepoint-btn.latepoint-btn-primary:hover,
.latepoint-lightbox-w .latepoint-next-btn:hover {
	background-color: var(--rose, #de1a6b) !important;
	border-color: var(--rose, #de1a6b) !important;
}

/* Jours et heures sélectionnés dans le calendrier */
.latepoint-w .os-day.selected .os-day-box,
.latepoint-w .dp-timepicker-trigger.selected,
.latepoint-lightbox-w .os-day.selected .os-day-box,
.latepoint-lightbox-w .dp-timepicker-trigger.selected {
	background-color: var(--bouton, #16111b) !important;
	color: #fff !important;
}

/* Le formulaire prend toute la largeur de la boîte */
.reservation__boite .latepoint-booking-form-element,
.reservation__boite .latepoint-w {
	max-width: 100% !important;
	box-shadow: none !important;
}

/* Bouton flottant mobile masqué quand la fenêtre LatePoint est ouverte */
body.latepoint-lightbox-active .resa-flottant { display: none !important; }

/* Le résumé de LatePoint ne doit pas dépasser de la boîte blanche */
.reservation__boite .latepoint-w { overflow: visible; }