/* 
 * Correção específica do seletor de idiomas para destino-acores.html
 * Ajusta o posicionamento do seletor de idiomas em telas pequenas
 */

@media (max-width: 991px) {
    /* Redefinindo a posição do seletor de idiomas para ficar ao lado do botão "INFORME-SE AGORA" */
    header .language-selector,
    header #language-selector,
    .language-selector,
    #language-selector {
        position: fixed !important;
        right: 20px !important;
        top: 25px !important; /* Alinhado com o menu hambúrguer */
        z-index: 99999 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }
    
    #lang-select-btn {
        margin-left: 0 !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        padding: 4px 8px !important;
        line-height: 1 !important;
    }
    
    /* Garantir que o botão de idiomas tenha o estilo correto */
    header .lang-select {
        margin-left: 0 !important;
        background: white !important;
        border-radius: 4px !important;
        padding: 6px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }
    
    /* Ajustando a posição do dropdown para que não sobreponha outros elementos */
    #lang-dropdown,
    .lang-dropdown {
        position: absolute !important;
        right: 0 !important;
        top: 100% !important;
        z-index: 99999 !important;
        pointer-events: auto !important;
        background: white !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    }
    
    /* Estilos para o seletor de idiomas mobile */
    .mobile-controls {
        z-index: 99999 !important;
    }
    
    .mobile-controls .language-selector-mobile {
        position: fixed !important;
        right: 20px !important;
        top: 15px !important; /* Alinhado com as outras posições */
        z-index: 99999 !important;
    }
    
    .mobile-controls .language-selector-mobile button {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .mobile-controls .language-selector-mobile .lang-dropdown-mobile {
        display: none;
        position: fixed !important;
        right: 20px !important;
        top: 60px !important;
        background-color: white !important;
        min-width: 120px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
        z-index: 99999 !important;
        border-radius: 4px !important;
    }
    
    .mobile-controls .language-selector-mobile .lang-dropdown-mobile a {
        color: #333 !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
        font-weight: normal !important;
    }
    
    .mobile-controls .language-selector-mobile .lang-dropdown-mobile a.active {
        font-weight: bold !important;
        background-color: #f5f5f5 !important;
    }
    
    /* Força exibição do menu quando aberto via JavaScript */
    .mobile-controls .language-selector-mobile .lang-dropdown-mobile[style*="display: block"] {
        display: block !important;
    }
}