/* Custom Flatpickr Theme to Match Design */
.flatpickr-calendar {
    font-family: 'Outfit', sans-serif;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
    padding: 10px !important;
    width: 320px !important;
}

.flatpickr-months {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

.flatpickr-month {
    height: 40px !important;
}

.flatpickr-current-month {
    font-size: 1.1rem !important;
    padding-top: 5px !important;
}
.flatpickr-current-month span.cur-month {
    font-weight: 600 !important;
    color: #1f2937 !important;
}
.flatpickr-current-month input.cur-year {
    font-weight: 400 !important;
    color: #1f2937 !important;
}

.flatpickr-prev-month, .flatpickr-next-month {
    top: 5px !important;
    padding: 10px !important;
}
.flatpickr-prev-month svg, .flatpickr-next-month svg {
    width: 12px !important;
    height: 12px !important;
    fill: #4b5563 !important;
}

/* Weekdays */
.flatpickr-weekdays {
    margin-bottom: 5px;
}
.flatpickr-weekday {
    font-weight: 600 !important;
    color: #6b7280 !important;
    font-size: 0.85rem !important;
    text-transform: capitalize !important; /* "Mon" vs "MON" */
}

/* Days Grid */
.flatpickr-day {
    border-radius: 8px !important; /* Square with rounded corners */
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 4px !important;
    color: #374151 !important; /* Dark gray text */
    font-weight: 500 !important;
    border: 1px solid transparent !important;
}

/* Hover State */
.flatpickr-day:hover {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
}

/* Selected State - Explicit Blue */
.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day:focus, 
.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: #3b82f6 !important; /* Bright blue */
    color: #fff !important;
    border-color: #3b82f6 !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3) !important;
}

/* Previous/Next Month Days */
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
    color: #d1d5db !important; /* Very light gray */
}

/* Disabled Days */
.flatpickr-day.flatpickr-disabled {
    color: #e5e7eb !important;
    cursor: not-allowed;
}
.flatpickr-day.flatpickr-disabled:hover {
    background: transparent !important;
    border-color: transparent !important;
}

/* Today Indicator */
.flatpickr-day.today {
    border-color: #e5e7eb !important;
}
.flatpickr-day.today:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}