/*
 * Mobile Menu Toggle Visual Feedback
 * Melhoria baseada no relatório QA - 29/12/2025
 * Adiciona feedback visual quando o menu hamburguer está aberto
 */

/* Transição suave para o ícone do menu */
.mobile-nav-icon {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

/* Efeito visual quando o menu está aberto */
.mobile-nav-icon.menu-open {
    transform: rotate(90deg);
    opacity: 0.7;
}

/* Suporte para hover em dispositivos que suportam */
@media (hover: hover) {
    .mobile-nav-icon:hover {
        opacity: 0.8;
    }
}

/* Garantir que o SVG dentro do ícone também transite suavemente */
.mobile-nav-icon svg {
    transition: all 0.3s ease;
}