/* Général : police Montserrat */
body, 
#events h3, 
#events p, 
#eventForm h3, 
#eventForm label, 
.zend_form label {
    font-family: 'Montserrat', sans-serif !important;
}

/* Titres d’événements */
#events h3 {
    font-size: 22px;
    color: #FF66C4; /* Rose féérique */
    font-weight: 700;
}

/* Durée et description */
#events p.duration, #events div.duration,
#events p.description, #events div.description {
    font-size: 16px;
    color: #444;
}

/* Événement sélectionné */
#events .selectedEvent {
    border: 2px solid #FF66C4;
    background-color: #FFF0FA;
    border-radius: 12px;
    padding: 15px;
}

/* Boutons */
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #save_button {
    background-color: #FF66C4;
    border: none;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover,
#eventForm #save_button:hover {
    background-color: #E04BA1;
}

/* Timeline : horaires */
.timeline td.free_time {
    background-color: #FFF0FA;
    border: 1px solid #FF66C4;
    cursor: pointer;
}

.timeline td.selected_time {
    background-color: #FF66C4;
    color: white;
}

.timeline td.reserved_time {
    background-color: #ddd;
    color: #999;
}

/* Header et tableau calendrier */
div.ui-widget-header {
    background-color: #FF66C4;
    color: white;
    font-weight: bold;
    text-align: center;
}

/* Loading spinner */
div#loading {
    color: #FF66C4;
    font-family: 'Montserrat', sans-serif;
}