/* 
 * Animation Dropdown Fix - Poprawka dla dropdownów w sekcji animacji
 * Rozwiązuje problem niewidocznego tekstu w opcjach select
 */

/* Fix dla dropdown options - lepsze stylizowanie */
select.text-white option {
    background-color: #1f2937 !important; /* dark gray background */
    color: #ffffff !important; /* white text */
    padding: 8px 12px !important;
    border: none !important;
}

select.text-white option:hover {
    background-color: #374151 !important; /* lighter gray on hover */
}

select.text-white option:checked,
select.text-white option:selected {
    background-color: #7c3aed !important; /* violet background for selected */
    color: #ffffff !important;
    font-weight: 500;
}

/* Alternatywne rozwiązanie dla przeglądarek które nie obsługują powyższego */
select.text-white {
    color-scheme: dark;
}

/* Dodatkowe style dla lepszej widoczności */
select.text-white:focus option {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Specjalne style dla różnych przeglądarek */
@-moz-document url-prefix() {
    select.text-white option {
        background-color: #1f2937 !important;
        color: #ffffff !important;
    }
}

/* Webkit browsers (Chrome, Safari) */
@supports (-webkit-appearance: none) {
    select.text-white option {
        background: #1f2937 !important;
        color: #ffffff !important;
    }
}

/* Firefox specific fixes */
@-moz-document url-prefix() {
    select.text-white {
        color: #ffffff !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    select.text-white option {
        background-color: #1f2937 !important;
        color: #ffffff !important;
    }
}