/* === GLOBAL BACKGROUND === */
body, html, #events, #eventForm {
    background-color: #f5f3ee !important; /* Swiss Coffee */
    font-family: 'Playfair Display', serif !important;
    color: #0C0B05 !important;
}

/* === EVENT TITLES === */
#events h3 {
    color: #0C0B05 !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
}

/* === EVENT DURATION === */
#events p.duration, 
#events div.duration {
    color: #0C0B05 !important;
    font-size: 14px !important;
    opacity: 0.75;
}

/* === EVENT DESCRIPTION === */
#events p.description, 
#events div.description {
    color: #0C0B05 !important;
    opacity: 0.8;
    font-size: 15px !important;
}

/* === SELECTED EVENT CARD === */
#events .selectedEvent {
    background: #ffffff !important;
    border: 1px solid #e0ded8 !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

/* === BUTTONS (Reserve, Next, Back) === */
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #save_button {
    background-color: #daa436 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* === HOVER EFFECT === */
#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover,
#eventForm #save_button:hover {
    background-color: #333333 !important;
}

/* === DATE & TIMELINE HEADERS === */
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    color: #0C0B05 !important;
    border-bottom: 1px solid #e0ded8 !important;
    padding-bottom: 6px;
}

/* === CALENDAR WIDGET BACKGROUND === */
div.ui-widget-content {
    background: #ffffff !important;
    border: 1px solid #e0ded8 !important;
}

div.ui-widget-header {
    background: #e0ded8 !important;
    color: #0C0B05 !important;
}

/* === TIME SLOTS === */
#timeline-container table.timeline {
    background: #ffffff !important;
    border: 1px solid #e0ded8 !important;
}

/* Unavailable */
.timeline td.not_worked_time {
    background: #f0efec !important;
}

/* Available */
.timeline td.free_time {
    background: #ffffff !important;
    border: 1px solid #e0ded8 !important;
}

/* Selected */
.timeline td.selected_time {
    background: #0C0B05 !important;
    color: #ffffff !important;
}

/* Reserved */
.timeline td.reserved_time {
    background: #ffebe8 !important; /* subtle highlight */
}

/* Loading Spinner */
div#loading {
    background-color: #f5f3ee !important;
}

/* Form Labels */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
    color: #0C0B05 !important;
}