/* 
 * Correção APENAS para remover o fundo/quadrado do botão de idiomas
 * NÃO mexe no posicionamento - apenas remove o fundo
 * APENAS PARA TELAS GR ANDES - NÃO AFETA MOBILE
 */

/* Aplicar apenas em telas grandes (desktop) */
@media (min-width: 992px) {
    /* APENAS remover fundo do botão de idiomas - SEM mexer no posicionamento */
   .language-selector button,
    #lang-select-btn,
    .lang-select,
    button[id*="lang"],
    button[class*="lang"] {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        /* NÃO mexer em padding, margin, position - deixar como está */
    }

    /* Hover state - manter transparente */
    .language-selector button:hover,
    #lang-select-btn:hover,
    .lang-select:hover {
        background: transparent !important;
        background-color: transparent !important;
        opacity: 0.8 !important;
    }

    /* Focus state - remover outline */
    .language-selector button:focus,
    #lang-select-btn:focus,
    .lang-select:focus {
        outline: none !important;
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* Dropdown mantém o estilo normal */
.lang-dropdown {
    background-color: white !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
}