/* Stiluri pentru orele indisponibile în formularul de programare */

/* Opțiune indisponibilă în selectorul de ore */
#appointment_time option.unavailable {
    color: #aaa !important;
    font-style: italic !important;
    background-color: #f8f8f8 !important;
    text-decoration: line-through !important;
}

/* Îmbunătățim vizibilitatea în browser-ele moderne */
#appointment_time option:disabled {
    color: #999 !important; /* Forțăm culoarea chiar dacă browser-ul ar încerca să o suprascrie */
    background-color: #f2f2f2 !important;
    text-decoration: line-through !important;
    opacity: 0.7 !important;
}

/* Stilizare mai vizibilă pentru elementele blocate */
#appointment_time option[data-booked="true"] {
    background-color: #ffeeee !important;
    border-left: 3px solid #ff6666 !important;
    padding-left: 5px !important;
}

/* Stiluri pentru mesajele de disponibilitate */
#availability-status {
    margin-top: 5px;
    font-size: 0.9rem;
}

#availability-status .fa-check-circle {
    color: #28a745;
}

#availability-status .fa-exclamation-circle {
    color: #e67e22;
}

#availability-status .fa-spinner {
    color: #007bff;
}

/* Personalizări pentru select-ul de ore */
#appointment_time {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Evidențierea orelor disponibile vs indisponibile în dropdown */
#appointment_time option.available {
    font-weight: 500;
}

/* Textul "(Indisponibil)" să apară într-un stil diferit */
#appointment_time option:disabled {
    color: #999;
    font-style: italic;
}