/*css module réservation*/
.timeslot-item input:checked ~ label:last-of-type {
    background-color: #fff;
    color: #f07900 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}


.timeslot-item-promo {
    width: 152px;
    left: calc(50% - 77px);
}

.timeslot-item-promo span {
    text-align: center;
    cursor: pointer;
    position: relative;
    background-color: white;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    border: 1px solid rgba(0, 0, 0, 0.075);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0px 4px;
    text-align: center;
    color: #919191;
    margin: 0 2px;
}

.timeslot-item-promo {
    position: absolute;
    top: -80px;
    height: 58px;}
.timeslot-item-promo::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 9999;
}

.datepicker-input {
    width: 100%;
    padding: 10px;
    border: 2px solid #007bff;
    border-radius: 5px;
    outline: none;
    background-color: #f9f9f9;
    color: #000;

}

.datepicker-input::placeholder {
    color: #000; /* Couleur du texte du placeholder */
    font-style: italic; /* Italique pour un effet plus esthétique */
    opacity: 1; /* Assure la visibilité sur certains navigateurs */
    text-align:center;
    text-transform:uppercase
}
button.custom-ok-btn.btn {
    padding: 5px;
    margin: 2px;
    float: right;
}
.time-resa-detail-btn{
    text-align:center
}

/** Page d'accueil — styles par type de widget (indépendant de l'ordre admin) **/

.front-page-section.section-type-deliverys {
    display: none;
}
.front-page-section.section-type-recette {
    background: #E7F1F1 !important;
}
.front-page-section.section-type-agenda {
    padding: 6.5rem 0 !important;
    background-color: #FFFFFF !important;
}
@media (max-width: 768px) {
    #popmake-411671 {
        max-width: 100% !important;
        left: 0 !important;
    }
}
@media (max-width: 480px) {
    #popmake-411671 {
        max-width: 100% !important;
        left: 0 !important;
    }
}
body {
    opacity: 1 !important;
    animation: none !important;
}

div#map-test {
    display: none;
}

.header-edit-form.header-menu-wbc{
    padding:0px;
}
@media screen and (max-width: 782px) {
    /* 2. Style de chaque ligne (jour) du listing */
    .ics-calendar-month-grid td {
        display: block !important; /* Chaque jour prend toute la largeur */
        width: 100% !important;
        visibility: visible !important;
        border-bottom: 1px solid #eee !important;

    }
    /* Annule la hauteur forcée du thème uniquement pour le calendrier ICS */
    .entry-content table.ics-calendar-month-grid td {
        height: auto !important;
        min-height: 20px !important; /* Ajustez selon le design listing ou grille voulu */
    }
}
body.home .page .front-page-section.widget_front_page_text_widget {
    padding: 6.5rem 0 !important;
    padding-bottom: 3.5rem !important;
}
body.home .page .front-page-section.widget_front_page_text_widget .text-bm .content-bm{
    width: 100% !important;
}
body.home .page .front-page-section.widget_front_page_text_widget .text-bm .img-bm{
    display: none;
}