/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

<script>
document.addEventListener("DOMContentLoaded", function() {
    const bookSection = document.querySelector("#book");
    if (bookSection) {
        // Scroll fluide vers la section #book
        bookSection.scrollIntoView({ behavior: "smooth" });
    }
});
</script>
/* Masquer le bouton du menu */
.nav-trigger,
.toggle-mnu {
    display: none !important;
}

/* Masquer tout le conteneur du menu */
.nav-wrapper,
#sb_menu,
#sb_menu > div,
#sb_menu_list_items_container,
#sb_menu_active {
    display: none !important;
}
/* Cacher tout ce qui correspond au menu / hamburger / nav sur SimplyBook.me */
button.nav-trigger,
.toggle-mnu,
.nav-trigger.toggle-mnu,
.nav-wrapper,
#sb_menu,
#sb_menu > div,
#sb_menu_list_items_container,
#sb_menu_active,
.items-wrapper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
/* Rendre Sam et Dim identiques aux autres jours */
.name.is-holiday {
    color: inherit !important;
    opacity: 1 !important;
    font-weight: inherit !important;
    background: none !important;
}
.date.selected a,
.date.selected span {
    border: 2px solid #ff6600 !important;
    border-radius: 50%;
    padding: 6px 10px;
    color: #ff6600 !important;
    font-weight: bold;
}

}
/* Champ téléphone complètement classique */
.sb_input_phone,
.sb_input_phone .iti {
    display: block !important; /* Supprime le wrapper et le plugin */
    width: 100% !important;
}

.sb_input_phone .iti__flag-container,
.sb_input_phone .iti__selected-dial-code {
    display: none !important; /* Supprime drapeau et indicatif */
}

.sb_input_phone input[type="tel"] {
    width: 100% !important;
    padding: 10px !important;
    height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Texte en noir pour la case obligatoire */
#sb_terms_and_conditions .form-group--terms a {
    color: #000 !important;
    font-weight: normal;
}

/* La première case reste visible et fonctionnelle */
#sb_terms_and_conditions .form-group--terms .custom-checkbox {
    display: inline-block !important;
}

/* Ne pas cacher l'input ni la custom-label de la première case */
#sb_terms_and_conditions .form-group--terms input[type="checkbox"] {
    position: absolute; /* mais reste cliquable */
    opacity: 0;         /* invisible mais fonctionnel */
    width: 20px;        /* taille correcte pour cliquer */
    height: 20px;
}

/* Cacher la deuxième case promotionnelle */
#sb_terms_and_conditions .promotions-letter-flag {
    display: none !important;
}

/* Assurer que la custom-label de la première case montre la coche */
#sb_terms_and_conditions .form-group--terms .custom-label {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    display: inline-block;
    position: relative;
}

#sb_terms_and_conditions .form-group--terms input[type="checkbox"]:checked + .custom-label::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 8px;
    height: 14px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}