/* Flatpickr Customization for Disabled Dates */
.flatpickr-day.disabled, 
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay.disabled, 
.flatpickr-day.nextMonthDay.disabled {
    color: #cbd5e0 !important;
    text-decoration: line-through !important;
    text-decoration-color: #33A9AC !important; 
    text-decoration-thickness: 2px !important;
    background: #f7fafc;
    border-color: #edf2f7;
    cursor: not-allowed;
    opacity: 1 !important; /* Force opacity to 1 so color is visible */
}

/* Ensure the line-through is visible and styled properly */
.flatpickr-day.disabled {
    position: relative;
    overflow: hidden;
}

/* Optional: Add a diagonal line for stronger visual indication if text-decoration is too subtle */
.flatpickr-day.disabled::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    height: 1px;
    background: #33A9AC;
    transform: rotate(-25deg);
    opacity: 1;
    pointer-events: none;
}

/* Ensure Flatpickr is above modals */
.flatpickr-calendar {
    z-index: 10001 !important;
}