/* Available slots – green */
.dopbsp-available {
    background-color: #7fc481 !important;
    color: #fff !important;
}

/* Fully booked slots – red */
.dopbsp-booked {
    background-color: #be473e !important;
    color: #fff !important;
}

/* Partially booked / limited availability – yellow */
.dopbsp-nearly-full {
    background-color: #Ffbf00 !important;
    color: #000 !important;
}

/* Optional hover effect */
.dopbsp-available:hover,
.dopbsp-nearly-full:hover,
.dopbsp-booked:hover {
    opacity: 0.85;
    transition: opacity 0.3s;
}

/* Make the day number text visible */
.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-head .dopbsp-day {
    color: #000 !important;  /* Black text */
}
/* Past days – grey */
.dopbsp-bind-middle.dopbsp-past-day {
    background-color: #e0e0e0 !important;
    color: #888 !important;
    cursor: default;
}

/* Ensure the day number is visible */
.dopbsp-bind-middle.dopbsp-past-day .dopbsp-day {
    color: #888 !important;
}