/* Global Dropdown Placeholder Styling */

/* Grayed out placeholder options */
select option[value=""] {
    color: #6c757d !important;
    font-style: italic;
}

select option[value=""]:disabled {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
}

/* Make select elements show placeholder styling when invalid */
select:invalid {
    color: #6c757d;
}

/* Show normal text color when valid option is selected */
select:valid {
    color: #212529;
}

/* Additional styling for better UX */
select option[value=""]:hover {
    background-color: #e9ecef !important;
    cursor: not-allowed;
}

/* Focus styling for better accessibility */
select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Ensure disabled options cannot be selected */
select option[disabled] {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    cursor: not-allowed;
}