.reservation-section{margin-top:20px}
.reservation-availability{margin-top:10px;min-height:25px}
.reservation-availability strong{color:#198754}
.reservation-availability .cf7er-full{color:#dc3545}

/* Full timeslots stay visible but are greyed out and unselectable. */
.reservation-section select option:disabled,
.reservation-section select option[data-cf7er-full]{
    color:#9b9b9b;
    background:#f3f3f3;
}

/* Custom dropdown widgets (nice-select & co) mirror the disabled state on
   their generated list items, so style those too when they expose it. */
.reservation-section .nice-select .option.disabled,
.reservation-section li[data-cf7er-full]{
    color:#9b9b9b;
    cursor:not-allowed;
    pointer-events:none;
    opacity:.65;
}