/* Formulaire de reservation de table (plugin Restaurant Reservations) aux couleurs de la charte */

.rtb-booking-form fieldset {
	border: 0;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--blanc);
	padding: var(--wp--preset--spacing--40);
	margin: 0 0 var(--wp--preset--spacing--40);
}
.rtb-booking-form legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 0.75rem;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--miam);
}
.rtb-booking-form fieldset > div { clear: both; margin-bottom: 0.9rem; }
.rtb-booking-form label { display: block; margin-bottom: 0.25rem; }
.rtb-booking-form input[type="text"],
.rtb-booking-form input[type="email"],
.rtb-booking-form input[type="tel"],
.rtb-booking-form select,
.rtb-booking-form textarea {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	color: var(--wp--preset--color--noir);
	background: var(--wp--preset--color--blanc);
	border: 2px solid color-mix(in srgb, var(--wp--preset--color--noir) 20%, transparent);
	border-radius: 0.75rem;
	padding: 0.5rem 0.8rem;
}
.rtb-booking-form input:focus,
.rtb-booking-form select:focus,
.rtb-booking-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--miam);
}
/* Personnes / Date / Heure sur une ligne */
@media (min-width: 600px) {
	.rtb-booking-form fieldset.reservation > div { clear: none; float: left; width: calc((100% - 2rem) / 3); margin-right: 1rem; }
	.rtb-booking-form fieldset.reservation > div:last-of-type { margin-right: 0; }
	.rtb-booking-form fieldset.reservation::after { content: ""; display: block; clear: both; }
}
.rtb-booking-form .add-message a { color: var(--wp--preset--color--miam); }

/* Bouton d'envoi : meme style que les boutons du theme */
.rtb-booking-form button[type="submit"] {
	font: inherit;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--blanc);
	background: var(--wp--preset--color--miam);
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.6rem 1.6rem;
	cursor: pointer;
}
.rtb-booking-form button[type="submit"]:hover { background: var(--wp--preset--color--noir); }
.rtb-booking-form fieldset.rtb-form-footer {
	background: transparent;
	padding: 0;
	text-align: center;
}

/* Messages */
.rtb-message,
.rtb-booking-form .rtb-error {
	border-radius: 0.75rem;
	padding: 0.5rem 0.8rem;
}
.rtb-booking-form .rtb-error { color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--youpi); }
.rtb-message { background: var(--wp--preset--color--blanc); border-left: 6px solid var(--wp--preset--color--waouh); }

/* Calendrier et liste des heures (pickadate) */
.picker { font-family: var(--wp--preset--font-family--schuboise); }
.picker__box { border-radius: var(--wp--custom--radius--card); }
.picker__day--highlighted,
.picker__day--infocus:hover,
.picker__list-item:hover,
.picker__list-item--highlighted { border-color: var(--wp--preset--color--miam); }
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
	background: var(--wp--preset--color--miam);
	color: var(--wp--preset--color--blanc);
}
.picker__day--today::before,
.picker__button--today::before { border-top-color: var(--wp--preset--color--miam); }
.picker__nav--prev:hover,
.picker__nav--next:hover,
.picker__day--infocus:hover,
.picker__list-item:hover { background: color-mix(in srgb, var(--wp--preset--color--miam) 15%, transparent); }