/*
 * Beaulieu - boutons de réservation en orange #FF6600, texte blanc gras.
 *
 * Les sélecteurs sont volontairement longs : le thème "pixelbones" d'Events Manager
 * applique ses couleurs de bouton en !important avec des sélecteurs du type
 * ".em.pixelbones.input input[type=submit]:not([data-nostyle])". Il faut donc une
 * spécificité supérieure, pas seulement !important.
 */

/* ---- Couleur de base ------------------------------------------------------- */

/* Bouton de validation en bas du formulaire de réservation */
.em.pixelbones.input input[type=submit].em-booking-submit:not([data-nostyle]),
.em.pixelbones .input input[type=submit].em-booking-submit:not([data-nostyle]),
.em input.em-booking-submit,
/* Bouton "Réservez" sur la page d'un événement (lien vers le formulaire) */
.em.pixelbones a.button.input[href="#em-event-booking-form"]:not([data-nostyle]),
.em a.button[href="#em-event-booking-form"],
/* Boutons "Réservez" dans les listes d'événements et le calendrier */
.em.pixelbones .input a.button.em-event-book-now:not([data-nostyle]),
.em.pixelbones.input a.button.em-event-book-now:not([data-nostyle]),
.em a.em-event-book-now,
/* Bouton de réservation rapide (#_BOOKINGBUTTON) */
.em.pixelbones .input a.button.em-booking-button:not([data-nostyle]),
.em.pixelbones.input a.button.em-booking-button:not([data-nostyle]),
a.button.em-booking-button {
	background-color: #FF6600 !important;
	border-color: #FF6600 !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}

/* ---- Survol / focus : orange légèrement plus foncé ------------------------- */

.em.pixelbones.input input[type=submit].em-booking-submit:not([data-nostyle]):hover,
.em.pixelbones.input input[type=submit].em-booking-submit:not([data-nostyle]):focus,
.em.pixelbones .input input[type=submit].em-booking-submit:not([data-nostyle]):hover,
.em.pixelbones .input input[type=submit].em-booking-submit:not([data-nostyle]):focus,
.em input.em-booking-submit:hover,
.em input.em-booking-submit:focus,
.em.pixelbones a.button.input[href="#em-event-booking-form"]:not([data-nostyle]):hover,
.em.pixelbones a.button.input[href="#em-event-booking-form"]:not([data-nostyle]):focus,
.em a.button[href="#em-event-booking-form"]:hover,
.em a.button[href="#em-event-booking-form"]:focus,
.em.pixelbones .input a.button.em-event-book-now:not([data-nostyle]):hover,
.em.pixelbones .input a.button.em-event-book-now:not([data-nostyle]):focus,
.em.pixelbones.input a.button.em-event-book-now:not([data-nostyle]):hover,
.em.pixelbones.input a.button.em-event-book-now:not([data-nostyle]):focus,
.em a.em-event-book-now:hover,
.em a.em-event-book-now:focus,
.em.pixelbones .input a.button.em-booking-button:not([data-nostyle]):hover,
.em.pixelbones .input a.button.em-booking-button:not([data-nostyle]):focus,
.em.pixelbones.input a.button.em-booking-button:not([data-nostyle]):hover,
.em.pixelbones.input a.button.em-booking-button:not([data-nostyle]):focus,
a.button.em-booking-button:hover,
a.button.em-booking-button:focus {
	background-color: #E65C00 !important;
	border-color: #E65C00 !important;
	color: #FFFFFF !important;
}

/* ---- Bouton de validation désactivé (formulaire incomplet) ----------------- */

.em.pixelbones.input input[type=submit].em-booking-submit:not([data-nostyle]):disabled,
.em.pixelbones.input input[type=submit].em-booking-submit:not([data-nostyle]).disabled,
.em input.em-booking-submit:disabled,
.em input.em-booking-submit.disabled {
	background-color: #FF6600 !important;
	border-color: #FF6600 !important;
	color: #FFFFFF !important;
	opacity: 0.6 !important;
}

/* ---- Icône ticket en blanc pour rester lisible sur l'orange ---------------- */

.em a.em-event-book-now .em-icon,
.em a.button[href="#em-event-booking-form"] .em-icon {
	filter: brightness(0) invert(1);
}