/* Custom Flatpickr Variable Overrides to match site theme */
.flatpickr-calendar {
    font-family: 'Outfit', sans-serif;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border: none;
}

.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.endRange.nextMonthDay {
    background: var(--primary-color, #ff6b8b);
    border-color: var(--primary-color, #ff6b8b);
}

.flatpickr-day.today {
    border-color: var(--primary-color, #ff6b8b);
}

.flatpickr-day.today:hover {
    background: var(--primary-color, #ff6b8b);
    color: white;
}

/* Ensure input looks good */
input.date-picker {
    background-color: white !important; /* Force white background */
    cursor: pointer;
}