/* Fix pour empêcher le débordement des créneaux */
.slot-list, .slot-selection-wrapper, .slots-for-date, .time-slots-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Augmentation de la taille du conteneur des créneaux */
.slot-select-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
    padding: 15px !important;
    min-height: 60px !important;
}

/* Augmenter l'espace vertical entre les créneaux */
.time-slots-container {
    padding: 10px !important;
    gap: 10px !important;
}

/* Augmenter un peu la taille du cadre parent */
.slots-for-date {
    min-height: 350px !important;
    padding-bottom: 20px !important;
}

/* Force toutes les couleurs des boutons avec !important */
.slot-select-btn, 
.next-step-btn, 
.prev-step-btn, 
.btn-primary,
.wptotem-btn-primary,
.button-primary,
button[type="submit"],
input[type="submit"],
.wptotem-cplx-booking-container button,
.wptotem-cplx-booking-container .button,
.wptotem-cplx-booking-form button,
.time-slots-container button,
.slot-wrapper button,
.time-slot-btn,
button.wptotem-btn,
.slots-wrapper button {
    background: #20376C !important;
    background-color: #20376C !important;
    border-color: #20376C !important;
    color: white !important;
}

/* Force les effets de survol */
.slot-select-btn:hover, 
.next-step-btn:hover, 
.prev-step-btn:hover, 
.btn-primary:hover,
.wptotem-btn-primary:hover,
.button-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wptotem-cplx-booking-container button:hover,
.wptotem-cplx-booking-container .button:hover,
.wptotem-cplx-booking-form button:hover,
.time-slots-container button:hover,
.slot-wrapper button:hover,
.time-slot-btn:hover,
button.wptotem-btn:hover,
.slots-wrapper button:hover {
    background: #3C5896 !important;
    background-color: #3C5896 !important;
    border-color: #3C5896 !important;
    color: white !important;
}

/* Force les boutons actifs ou focus */
.slot-select-btn:active,
.slot-select-btn:focus,
.next-step-btn:active,
.next-step-btn:focus,
.prev-step-btn:active,
.prev-step-btn:focus,
.btn-primary:active,
.btn-primary:focus,
.wptotem-btn-primary:active,
.wptotem-btn-primary:focus,
.button-primary:active,
.button-primary:focus,
button[type="submit"]:active,
button[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.wptotem-cplx-booking-container button:active,
.wptotem-cplx-booking-container button:focus,
.wptotem-cplx-booking-container .button:active,
.wptotem-cplx-booking-container .button:focus,
.wptotem-cplx-booking-form button:active,
.wptotem-cplx-booking-form button:focus,
.time-slots-container button:active,
.time-slots-container button:focus,
.slot-wrapper button:active,
.slot-wrapper button:focus,
.time-slot-btn:active,
.time-slot-btn:focus,
button.wptotem-btn:active,
button.wptotem-btn:focus,
.slots-wrapper button:active,
.slots-wrapper button:focus {
    background: #152244 !important;
    background-color: #152244 !important;
    border-color: #152244 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(32, 55, 108, 0.25) !important;
}

/* Force également la couleur pour les boutons déjà sélectionnés */
.slot-select-btn.selected,
.time-slot-btn.selected,
button.selected,
.selected {
    background: #20376C !important;
    background-color: #20376C !important;
    border-color: #20376C !important;
    color: white !important;
    font-weight: bold !important;
}