/* --- FORÇAGE GLOBAL DU FOND ET DES TEXTES --- */
body, html, .bk-container, div.bk-content, .ui-widget-content {
    background-color: #ffffff !important;
    color: #2b2b2b !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* --- TITRES --- */
h1, h2, h3, h4, .bk-header, #events h3 {
    font-family: Georgia, serif !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
}

/* --- BOUTON DE RÉSERVATION (Le doré Spa 383) --- */
input.reserve_time_btn, button.bk-btn-primary, .bk-book-btn, #eventForm #save_button, a.bk-btn {
    background-color: #c5a059 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
}

input.reserve_time_btn:hover, button.bk-btn-primary:hover, .bk-book-btn:hover {
    background-color: #b08d4c !important;
    color: #ffffff !important;
}

/* --- SÉLECTION DES CRÉNEAUX & CALENDRIER --- */
.timeline td.selected_time, .bk-selected, .ui-state-active {
    background-color: #c5a059 !important;
    color: #ffffff !important;
    border-color: #c5a059 !important;
}

div.ui-widget-header {
    background: #1a1a1a !important;
    color: #ffffff !important;
}