/* Language Picker Contrast Fix - Simple and Direct */

/* Language Button Fix */
.language-btn:hover,
.language-btn:hover .language-arrow,
.language-btn:focus,
.language-btn:focus .language-arrow,
.language-dropdown.show ~ .language-btn,
.language-dropdown.show ~ .language-btn .language-arrow {
    background: #5C8C14 !important; /* Green background */
    color: #ffffff !important; /* White text on green - works in both themes */
    border-color: #5C8C14 !important;
}

/* Keep button styled when dropdown is open - alternative selector */
.language-picker-integrated:has(.language-dropdown.show) .language-btn,
.language-picker-integrated:has(.language-dropdown.show) .language-btn .language-arrow {
    background: #5C8C14 !important;
    color: #ffffff !important;
    border-color: #5C8C14 !important;
}

/* Light Mode - Default */
.language-option {
    color: #1d1d1f !important; /* Dark text on light background */
}

.language-option:hover {
    background: #f0f0f0 !important; /* Light gray hover */
    color: #0071e3 !important; /* Blue text on hover */
}

/* Dark Mode */
[data-theme="dark"] .language-option {
    color: #f5f5f7 !important; /* Light text on dark background */
}

[data-theme="dark"] .language-option:hover {
    background: #2a2a2a !important; /* Lighter gray hover (different from dropdown) */
    color: #0a84ff !important; /* Bright blue text on hover */
}

/* Dropdown background fix */
[data-theme="dark"] .language-dropdown {
    background: #1d1d1f !important; /* Dark background */
}

.language-dropdown {
    background: #ffffff !important; /* White background in light mode */
}