/* Fix para o ícone do X (Twitter) no hover das redes sociais */

/* Footer - fundo escuro, ícone branco por padrão */
.social-area-wrapper-two a img[alt="X"] {
    transition: filter 0.3s ease;
}

.social-area-wrapper-two a:hover img[alt="X"] {
    filter: brightness(0) !important;
}

/* Sidebar desktop - fundo escuro, ícone branco por padrão */
.social-wrapper-two.menu a img[alt="X"] {
    transition: filter 0.3s ease;
}

.social-wrapper-two.menu a:hover img[alt="X"] {
    filter: brightness(0) !important;
}

/* Mobile menu - fundo claro, ícone preto por padrão */
.social-wrapper-one a img[alt="X"] {
    transition: filter 0.3s ease;
}

.social-wrapper-one a:hover img[alt="X"] {
    filter: brightness(0) invert(1) !important;
}