.elementor-741 .elementor-element.elementor-element-ecefbd7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ecefbd7::before, .elementor-741 .elementor-element.elementor-element-ecefbd7 > .elementor-background-video-container::before, .elementor-741 .elementor-element.elementor-element-ecefbd7 > .e-con-inner > .elementor-background-video-container::before, .elementor-741 .elementor-element.elementor-element-ecefbd7 > .elementor-background-slideshow::before, .elementor-741 .elementor-element.elementor-element-ecefbd7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-741 .elementor-element.elementor-element-ecefbd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFF8F8;--background-overlay:'';}.elementor-741 .elementor-element.elementor-element-2a03ca1{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-6c46b78{--display:flex;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-741 .elementor-element.elementor-element-974b90c{text-align:center;}.elementor-741 .elementor-element.elementor-element-974b90c .elementor-heading-title{font-family:"Lazy dog", Sans-serif;font-size:47px;font-weight:400;line-height:41px;color:var( --e-global-color-accent );}.elementor-741 .elementor-element.elementor-element-91b9dc1{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-44babba{--spacer-size:50px;}.elementor-741 .elementor-element.elementor-element-d0a63aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}@media(max-width:767px){.elementor-741 .elementor-element.elementor-element-974b90c .elementor-heading-title{font-size:33px;}.elementor-741 .elementor-element.elementor-element-91b9dc1{--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-741 .elementor-element.elementor-element-ecefbd7{--content-width:796px;}}/* Start custom CSS for shortcode, class: .elementor-element-669c391 *//* Charger la police Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

/* Global */
html, body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important; /* Police Poppins */
    font-weight: 400; /* Poids par défaut */
}

/* Style des labels */
.rtb-booking-form fieldset label {
    width: 100%;
    background: #f1f1f1;
    padding: 3px;
    color: #666;
    font-weight: 400; /* Léger */
    margin-bottom: 0 !important;
    display: contents;
}

/* Style des boutons personnalisés */
button.custom-trigger {
    width: 100%;
    padding: 15px;
    background: #5d745f; /* Fond vert */
    color: white; /* Texte blanc */
    border: none; /* Supprime la bordure */
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400; /* Police normale */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Gérer padding et largeur */
}

button.custom-trigger:hover {
    background: #4c5e4d; /* Fond plus sombre au survol */
    color: white;
}

/* Style du champ de date */
#rtb-date.picker__input {
    background-color: #5d745f; /* Fond vert */
    color: white; /* Texte blanc */
    border: none; /* Supprime la bordure */
    padding: 12px 20px; /* Ajoute du padding pour un effet de bouton */
    border-radius: 5px; /* Coins arrondis */
    font-size: 16px; /* Taille de la police */
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center; /* Texte centré */
    cursor: pointer; /* Curseur pour indiquer une action */
    transition: background-color 0.3s ease;
}

#rtb-date.picker__input:hover {
    background-color: #4c5e4d; /* Fond plus sombre au survol */
}

/* Alignement des champs à droite */
.rtb-booking-form .rtb-contact-field {
    display: flex;
    flex-direction: column; /* Labels et inputs en colonne */
    justify-content: center;
    width: 100%;
}

.rtb-booking-form .rtb-contact-field input[type="text"],
.rtb-booking-form .rtb-contact-field input[type="email"],
.rtb-booking-form .rtb-contact-field input[type="tel"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Bouton de demande de réservation */
button[type="submit"] {
    width: 100%;
    padding: 15px;
    background: #5d745f;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500; /* Un peu plus gras pour les boutons */
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

button[type="submit"]:hover {
    background-color: #4c5e4d; /* Fond plus sombre au survol */
}

/* Style des blocs verts */
.rtb-booking-form button.custom-trigger,
#rtb-date.picker__input {
    text-align: center; /* Texte centré dans les blocs verts */
}

/* Popup Overlay */
.grid-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

/* Contenu du popup */
.grid-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.grid-popup h3 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400; /* Léger */
}

/* Grille des options dans le popup */
.grid-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
    gap: 10px;
}

.grid-option {
    padding: 10px;
    background: #fff;
    border: 2px solid #5d745f;
    border-radius: 5px;
    color: #5d745f;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300; /* Plus léger */
    cursor: pointer;
    text-align: center;
    transition: background 0.3s ease;
}

.grid-option:hover {
    background: #5d745f;
    color: white;
}

.grid-option:active {
    background: #4c5e4d;
    color: white;
}

/* Bouton Fermer */
.close-popup {
    margin-top: 20px;
    padding: 10px 20px;
    background: #b34242;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.close-popup:hover {
    background: #8a2f2f;
}

/* Marges entre les éléments */
.rtb-booking-form fieldset > div {
    margin-top: 10px !important;
}

/* Style général de la réservation */
.rtb-booking-form {
    display: flex;
    flex-wrap: wrap; /* Permet de revenir à la ligne si nécessaire */
    justify-content: space-between; /* Espacement égal entre les colonnes */
    align-items: flex-start; /* Alignement en haut */
}

/* Suppression des légendes */
.rtb-booking-form fieldset.reservation legend,
.rtb-booking-form fieldset.rtb-contact legend {
    display: none; /* Masque complètement les textes "Réserver une table" et "Coordonnées" */
}

/* Style pour la date sélectionnée */
.picker__day--selected, 
.picker__day--selected:hover, 
.picker__day--selected:focus, 
.picker__day--highlighted {
    background-color: #5d745f !important; /* Fond vert */
    color: white !important; /* Texte blanc */
    font-weight: 400 !important; /* Léger mais visible */
    transition: background-color 0.3s ease; /* Transition douce pour l'effet */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lazy dog';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bistrot-minot.fr/wp-content/uploads/2023/10/lazy_dog.ttf') format('truetype');
}
/* End Custom Fonts CSS */