/* Estilos para o dropdown de idiomas */
.logo-bar .dropdown {
    position: relative;
    z-index: 9999 !important; /* Z-index muito alto para ficar sobre tudo */
}

.logo-bar .dropdown-toggle {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    color: white !important;
}

.logo-bar .dropdown-toggle::after {
    color: white;
    margin-left: 8px;
    border: none;
    content: "▼";
    font-size: 12px;
}

.logo-bar .dropdown-toggle:focus,
.logo-bar .dropdown-toggle:active {
    box-shadow: none !important;
    outline: none !important;
    color: white !important;
}

.logo-bar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    min-width: 160px !important;
    padding: 8px 0 !important;
    z-index: 10000 !important; /* Z-index ainda maior para o menu */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    transform: none !important;
    margin-top: 5px !important;
    margin-left: -15px !important;
}

.logo-bar .dropdown-item {
    color: white !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
}

.logo-bar .dropdown-item:hover,
.logo-bar .dropdown-item:focus,
.logo-bar .dropdown-item:active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: white !important;
    transform: translateX(2px) !important;
    text-decoration: none !important;
}

/* Ícone do globo */
.logo-bar .fas.fa-globe {
    margin-right: 6px;
    opacity: 0.9;
}

/* Hover no botão principal */
.logo-bar .dropdown-toggle:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease;
    color: white !important;
}

/* Garantir que outros elementos não interfiram */
.hero-overlay {
    pointer-events: none; /* Remove interação do overlay */
}

.hero-content {
    pointer-events: auto; /* Restaura interação no conteúdo */
}

/* Correção específica para o video de fundo */
.hero video {
    pointer-events: none !important;
}

/* Garantir que a logo-bar tenha interação */
.logo-bar {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000 !important;
}