/* ── Flatpickr Availability & Transition CSS Rules ── */

/* 1. Fully Available Date = Solid Green */
.flatpickr-day.fully-available,
.flatpickr-day.fully-available:hover {
    background-color: #dcfce7 !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    border-color: transparent !important;
}

/* 2. Fully Booked Date = Solid Red */
.flatpickr-day.fully-booked,
.flatpickr-day.fully-booked:hover,
.flatpickr-day.flatpickr-disabled {
    background-color: #fee2e2 !important;
    background: #fee2e2 !important;
    color: #ef4444 !important;
    border-color: transparent !important;
    text-decoration: line-through !important;
    cursor: not-allowed !important;
}

/* 3. Check-In Transition Day */
.flatpickr-day.checkin-transition {
    background: linear-gradient(135deg, #dcfce7 50%, #fee2e2 50%) !important;
    color: #1e293b !important;
    border-color: transparent !important;
}

/* 4. Check-Out Transition Day */
.flatpickr-day.checkout-transition {
    background: linear-gradient(135deg, #fee2e2 50%, #dcfce7 50%) !important;
    color: #1e293b !important;
    border-color: transparent !important;
}

/* 5. Checkout-Checkin Transition Day */
.flatpickr-day.checkout-checkin-transition {
    background: linear-gradient(135deg, #fee2e2 48%, #ffffff 48%, #ffffff 52%, #fee2e2 52%) !important;
    color: #ef4444 !important;
    border-color: transparent !important;
    text-decoration: line-through !important;
}
/* Preserve Flatpickr range selection backgrounds */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.inRange {
    background: var(--theme-primary-color, #0e7490) !important;
    color: white !important;
    border-color: var(--theme-primary-color, #0e7490) !important;
}