/* Header y navbar fixes */
.navbar {
    z-index: 1030 !important;
}

/* Language selector button */
#languageDropdown {
    border: none;
    background: none;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    transition: var(--transition);
    color: var(--text-on-primary);
    text-decoration: none;
    border-radius: var(--border-radius);
}

#languageDropdown:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-on-primary);
}

#languageDropdown:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
    outline: none;
    color: var(--text-on-primary);
}

#languageDropdown.show {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-on-primary);
}

/* FORZAR dropdown hacia abajo */
.dropdown-menu.language-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 5px) !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9999 !important;
    min-width: 150px;
    transform: none !important;
    will-change: auto !important;
}

/* Override Bootstrap popper positioning */
.dropdown-menu[data-bs-popper] {
    top: calc(100% + 5px) !important;
    bottom: auto !important;
    transform: none !important;
    inset: auto !important;
}

/* Language option styles específicos */
.language-option {
    padding: 0.75rem 1rem;
    color: #212529;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: var(--transition);
    border: none;
    background: none;
    width: 100%;
    font-size: 0.9rem;
}

/* Dropdown header específico */
.language-dropdown-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* Right side navigation alignment */
.navbar-nav.d-flex.flex-row {
    align-items: center;
    gap: 0.5rem;
}

.navbar-nav .dropdown {
    position: relative;
}

/* Responsive adjustments específicos */
@media (max-width: 576px) {
    #currentLanguageName {
        display: none !important;
    }
    
    #currentLanguageCode {
        display: inline !important;
        font-weight: 600;
        font-size: 0.8rem;
    }
    
    .language-dropdown-menu {
        min-width: 120px;
        right: -10px !important;
    }
}

/* Loading state específico */
.language-switching {
    opacity: 0.6;
    pointer-events: none;
}

/* Fix específico para evitar que el dropdown se posicione mal */
.dropdown-toggle::after {
    margin-left: 0.5em;
}

/* Asegurar que el contenedor padre no interfiera */
.navbar-nav .dropdown-menu {
    position: absolute !important;
    transform: none !important;
    top: 100% !important;
    bottom: auto !important;
}