/* frontend/frontend.css */
.cr-reservation-container { max-width: 650px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-family: "Segoe UI", sans-serif; }
.cr-field { margin-bottom: 15px; }
.cr-field label { display: block; font-weight: bold; margin-bottom: 5px; }
.cr-field input, .cr-field textarea, .cr-field select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; }
.cr-btn { background: #0073aa; color: #fff; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 15px; }
.cr-btn:hover { background: #005f8d; }
.cr-message { margin-top: 15px; font-weight: bold; }

/* Highlight and block reserved dates */
.flatpickr-day.disabled, 
.flatpickr-day.reserved-day {
    background-color: #f8d7da !important; /* light red background */
    color: #721c24 !important;           /* dark red text */
    cursor: not-allowed;
}