/* Override styles to fix language dropdown visibility */

/* Make sure hidden class actually hides the menu */
.lang-menu.hidden {
    display: none !important;
}

/* When not hidden, show the menu */
.lang-menu:not(.hidden) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Ensure proper positioning */
.lang-dropdown {
    position: relative !important;
}

.lang-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: 0.5rem !important;
    z-index: 9999 !important;
}

/* Fix for mobile menu as well */
.mobile-lang-menu.hidden {
    display: none !important;
}

.mobile-lang-menu:not(.hidden) {
    display: block !important;
}

/* Ensure language switcher is visible */
.language-switcher {
    display: block !important;
    position: relative !important;
}

/* Debug helper - remove this after testing */
.lang-menu {
    background: white !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    min-width: 160px !important;
}

.lang-option {
    display: flex !important;
    padding: 0.75rem 1rem !important;
    color: #334155 !important;
    text-decoration: none !important;
}

.lang-option:hover {
    background-color: #f8fafc !important;
}