/* Dark Mode Fixes for Select Dropdowns */

/* Fix for select dropdown options in dark mode */
select option {
    background-color: white;
    color: #111827;
}

/* Dark mode specific fixes */
@media (prefers-color-scheme: dark) {
    select option {
        background-color: #27272a;
        color: #fafafa;
    }
}

/* Force dark mode when .dark class is present */
.dark select option {
    background-color: #27272a !important;
    color: #fafafa !important;
}

/* Light mode when .light class is present */
.light select option {
    background-color: white !important;
    color: #111827 !important;
}

/* Additional fixes for modern browsers */
select {
    color-scheme: light dark;
}

.dark select {
    color-scheme: dark;
}

.light select {
    color-scheme: light;
}