.elementor-86 .elementor-element.elementor-element-cee825d{--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;}.elementor-86 .elementor-element.elementor-element-71ea4ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-86 .elementor-element.elementor-element-fff2611{--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;}.elementor-86 .elementor-element.elementor-element-847e16f.elementor-element{--align-self:center;}.elementor-86 .elementor-element.elementor-element-74e582c{--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;}.elementor-86 .elementor-element.elementor-element-bf91387 > .elementor-widget-container{margin:0% -20% 0% 20%;}.elementor-86 .elementor-element.elementor-element-bf91387.elementor-element{--align-self:flex-start;}.elementor-86 .elementor-element.elementor-element-20c1787{--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;}.elementor-86 .elementor-element.elementor-element-0a2ccc8{--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;}.elementor-86 .elementor-element.elementor-element-dad163b{--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;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-86 .elementor-element.elementor-element-ab38076 > .elementor-widget-container{margin:-1px -1px -1px -1px;}@media(max-width:1024px){.elementor-86 .elementor-element.elementor-element-bf91387 > .elementor-widget-container{margin:0% -10% 0% 22%;}}@media(min-width:768px){.elementor-86 .elementor-element.elementor-element-fff2611{--width:50%;}.elementor-86 .elementor-element.elementor-element-74e582c{--width:50%;}}@media(max-width:767px){.elementor-86 .elementor-element.elementor-element-847e16f > .elementor-widget-container{margin:0% -5% 0% -5%;}.elementor-86 .elementor-element.elementor-element-847e16f.elementor-element{--align-self:center;}.elementor-86 .elementor-element.elementor-element-74e582c{--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;}.elementor-86 .elementor-element.elementor-element-bf91387 > .elementor-widget-container{margin:0% 0% 0% 0%;}}/* Start custom CSS for Single Calendar, class: .elementor-element-bf91387 *//* Style général du calendrier */
.wpsbc-calendar {
    border: 1px solid #ddd; /* Bordure légère et moderne */
    border-radius: 10px; /* Coins arrondis pour un look plus doux */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Ombre subtile pour donner de la profondeur */
    overflow: hidden; /* Évite que les coins arrondis soient coupés */
    background-color: #fff; /* Fond blanc */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Police moderne */
}

/* Style des cases de dates */
.wpsbc-calendar td {
    padding: 12px;
    text-align: center;
    font-size: 15px;
    color: #333; /* Texte gris foncé */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease; /* Transition douce */
}

/* Effet au survol d'une case */
.wpsbc-calendar td:hover {
    background-color: #e6f7ff; /* Couleur de fond bleu clair au survol */
    transform: scale(1.05); /* Légère augmentation de taille au survol */
}

/* Style des dates disponibles */
.wpsbc-calendar td.available {
    background-color: #add8e6; /* Bleu clair pour les dates disponibles */
    border-radius: 8px;
    color: #fff; /* Texte blanc pour plus de contraste */
}

/* Style des dates réservées */
.wpsbc-calendar td.booked {
    background-color: #ff4d4d; /* Rouge vif pour les dates réservées */
    color: white; /* Texte blanc */
    border-radius: 8px;
}

/* Style des jours de la semaine */
.wpsbc-calendar th {
    background-color: #0073e6; /* Bleu pour les titres des jours */
    color: white; /* Texte en blanc */
    padding: 10px;
    font-size: 16px;
    font-weight: bold; /* Texte en gras */
    text-transform: uppercase; /* Capitalisation des jours */
}

/* Style pour la navigation entre les mois */
.wpsbc-calendar .wpsbc-nav {
    background-color: #0073e6; /* Bleu pour le fond de la navigation */
    color: white;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 6px;
    transition: background-color 0.3s ease; /* Transition pour la couleur de survol */
}

.wpsbc-calendar .wpsbc-nav a {
    color: white;
    text-decoration: none;
    padding: 5px 15px;
}

.wpsbc-calendar .wpsbc-nav a:hover {
    background-color: #005bb5; /* Bleu plus foncé au survol */
}

/* Ajouter des bordures plus subtiles pour les jours de la semaine */
.wpsbc-calendar td, .wpsbc-calendar th {
    border: 1px solid #f0f0f0; /* Bordures légères entre les cases */
}

/* Style pour les mois précédents et suivants */
.wpsbc-calendar .wpsbc-prev-month, .wpsbc-calendar .wpsbc-next-month {
    color: white;
    background-color: #0073e6;
    border-radius: 50%;
    padding: 5px;
}

.wpsbc-calendar .wpsbc-prev-month:hover, .wpsbc-calendar .wpsbc-next-month:hover {
    background-color: #005bb5; /* Bleu foncé au survol */
}/* End custom CSS */