/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/***Personnalisation du bouton de la page Validation de commande ***/
#o-validate__command button[type="submit"] {
	background-color: #25f1f2 !important;
	color: #000000 !important;
	display: block !important;
	padding: 18px 45px 18px 45px !important;
	border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FFFFFF;
	border-radius: 0px !important;
	float: left !important;
	margin-top: 15px !important;
}

#o-validate__command button[type="submit"]:hover {
	background-color: #000000 !important;
	color: #25f1f2 !important;
}

/*** Redisposition du calendrier de réservation avec bouton Réservez en dessous ***/
#o-product__normal form {
	flex-flow: row wrap !important;
	flex-wrap: wrap !important;
}

/*** Couleurs de fond des créneaux pairs disponibles ***/
#o-product__normal .wc-bookings-booking-form .block-picker li:nth-child(odd) a {
	background: #1e1e1e !important;
	color: #ffffff !important;
}

/*** Couleurs de fond des créneaux impairs disponibles ***/
#o-product__normal .wc-bookings-booking-form .block-picker li:nth-child(even) a {
	background: #767676 !important;
	color: #ffffff !important;
}

/*** Opacité sur les dates de début et fin de mois ***/
#o-product__normal .ui-priority-secondary,
#o-product__normal .ui-widget-content .ui-priority-secondary,
#o-product__normal .ui-widget-header .ui-priority-secondary {
	opacity: 1 !important;
}

/*** Dates disponibles dans le calendrier ***/
#o-product__normal .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: #25f1f2 !important;
	color: #000000 !important;
	transition: all ease 450ms !important;
}
	/*** Effet au hover sur les dates du calendrier ***/
	#o-product__normal .wc-bookings-date-picker .ui-datepicker td.bookable a:hover,
	#o-product__normal .wc-bookings-date-picker .ui-datepicker td.bookable a:focus {
		background-color: #1652e8 !important;
		color: #ffffff !important;
		transition: all ease 350ms !important;
	}

	/*** Changement de la couleur de fond de la date sélectionnée par le client ***/
	#o-product__normal .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
		background-color: #1652e8 !important;
		color: #ffffff !important;
	}

/*** Date choisie par le client ***/
#o-product__normal .wc-bookings-booking-form .block-picker li a.selected,
#o-product__normal .wc-bookings-booking-form .block-picker li a.selected:hover {
	background-color: #25f1f2 !important;
	color: #000000 !important;
}

/*** Couleur de fond de la zone du Coût de la réservation ***/
#o-product__normal .wc-bookings-booking-form .wc-bookings-booking-cost {
	background-color: #fefefe !important;
	color: #000000 !important;
}

/*** Personnalisation des flèches pour changer de mois ***/
#o-product__normal .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev,
#o-product__normal .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
	background-color: #767676 !important;
}

/*** Personnalisation du bouton de Réservation pour respecter la charte graphique initiale ***/
#o-product__normal button[type="submit"] {
	background-color: #25f1f2 !important;
	display: block !important;
	padding: 18px 45px 18px 45px !important;
	border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FFFFFF;
	float: none !important;
}

	#o-product__normal button[type="submit"]:hover {
		background-color: #000000 !important;
		border-color: #25f1f2 !important;
		color: #ffffff;
	}

/*** Personnalisation du tableau des options ***/
#o-product__normal #product-addons-total {
	width: 100% !important;
}

	#o-product__normal li.wc-pao-subtotal-line p.price {
		color: #25f1f2 !important;
		font-size: 1em !important;
	}

/*** Personnalisation de l'input où saisir le nombre de personnes ***/
#o-product__normal input[name="wc_bookings_field_persons"] {
    border-color: #000000 !important;
    background-color: #fefefe !important;
    color: #000000 !important;
    margin-top: 10px !important;
}

/*** Personnalisation de l'effet hover sur une plage horaire du calendrier ***/
#o-product__normal .wc-bookings-booking-form .block-picker li a:hover {
	background-color: #1652e8 !important;
}

/*** Personnalisation générale du calendrier ***/
#o-product__normal .wc-bookings-date-picker .ui-datepicker-header {
	background-color: #767676 !important;
	border-radius: 0px !important;
}

#o-product__normal .ui-widget-header {
	background: none !important;
}


/*** Cartes cadeaux ***/

/*** Adaptation du formulaire ***/
#o-gift__card form {
	display: flex !important;
	flex-flow: column wrap !important;
	flex-wrap: wrap !important;
}

/*** Personnalisation du bouton de Réservation pour respecter la charte graphique initiale ***/
#o-gift__card button[type="submit"] {
	background-color: #25f1f2 !important;
	display: block !important;
	padding: 18px 45px 18px 45px !important;
	border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FFFFFF;
	border-radius: 0px !important;
	float: none !important;
}

#o-gift__card button[type="submit"]:hover {
	background-color: #000000 !important;
	color: #25f1f2 !important;
}

/*** Personnalisation de l'input où saisir le nombre de cartes cadeaux ***/
#o-gift__card input[name="quantity"] {
    margin-right: 10px !important;
	height: 58px;
	width: 58px;
}

/*** Personnalisation des champs et ajout de la bordure ***/
#o-gift__card input[name="mwb_wgm_from_name"],
#o-gift__card textarea[name="mwb_wgm_message"],
#o-gift__card .mwb_wgm_delivery_method {
	border: 2px solid #ffffff !important;
}

/*** Personnalisation du select de prix ***/
#o-gift__card select[name="mwb_wgm_price"] {
	border-radius: 0px !important;
}

/*** Ajustement au niveau du formulaire ***/
#o-gift__card .mwb_wgm_added_wrapper {
	margin-bottom: 0px;
	width: 100%;
}

/*** Ajustement au niveau des champs qui en prenaient pas toute la largeur ***/
#o-gift__card select,
#o-gift__card input[type="text"],
#o-gift__card textarea {
	width: 100% !important;
}