/* ===== MENU HAMBÚRGUER - CORREÇÕES DE CONFLITOS ===== */
/* Arquivo específico para resolver conflitos de transição herdados de regras genéricas do CSS */

/* Reset de animações conflitantes APENAS para o menu hambúrguer */
.qbootstrap-nav-toggle,
.qbootstrap-nav-toggle *,
.qbootstrap-nav-toggle *::before,
.qbootstrap-nav-toggle *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
    animation-play-state: paused !important;
}

/* Exceções para preservar animações de scroll nas seções */
.services-section .fade-in,
.services-section .fade-in-left,
.services-section .fade-in-right,
.services-section .scale-in,
.services-section .service-item,
.services-section .section-header {
    animation: unset !important;
    animation-duration: unset !important;
    animation-delay: unset !important;
    animation-iteration-count: unset !important;
    animation-fill-mode: unset !important;
    animation-play-state: unset !important;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.products-section .fade-in,
.products-section .fade-in-left,
.products-section .fade-in-right,
.products-section .scale-in,
.products-section .product-card,
.products-section .section-header {
    animation: unset !important;
    animation-duration: unset !important;
    animation-delay: unset !important;
    animation-iteration-count: unset !important;
    animation-fill-mode: unset !important;
    animation-play-state: unset !important;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Garantir que as animações de delay funcionem */
.services-section .fade-in-delay-1 {
    transition-delay: 0.1s !important;
}

.services-section .fade-in-delay-2 {
    transition-delay: 0.2s !important;
}

.services-section .fade-in-delay-3 {
    transition-delay: 0.3s !important;
}

/* Força especificidade máxima para o container do menu */
body .qbootstrap-nav-toggle {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform, box-shadow !important;
    backface-visibility: hidden !important;
    perspective: 1000px !important;
}

/* Remove completamente o quadrado/background em volta do menu */
body .qbootstrap-nav-toggle {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    border: none !important;
    outline: none !important;
    outline-offset: 0 !important;
}

body .qbootstrap-nav-toggle:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    border: none !important;
    outline: none !important;
}

body .qbootstrap-nav-toggle:focus {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    outline-offset: 0 !important;
}

body .qbootstrap-nav-toggle:active {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* Otimização das linhas do hambúrguer */
body .qbootstrap-nav-toggle i {
    will-change: background !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

body .qbootstrap-nav-toggle i::before,
body .qbootstrap-nav-toggle i::after {
    will-change: transform, top, bottom !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* Estados específicos com máxima prioridade */
body .qbootstrap-nav-toggle:not(.active) i::before {
    transform: translateY(0) rotate(0deg) translateZ(0) !important;
    top: -7px !important;
}

body .qbootstrap-nav-toggle:not(.active) i::after {
    transform: translateY(0) rotate(0deg) translateZ(0) !important;
    bottom: -7px !important;
}

/* Estado ativo com animação suave */
body .qbootstrap-nav-toggle.active i {
    background: transparent !important;
}

body .qbootstrap-nav-toggle.active i::before {
    top: 0 !important;
    transform: translateY(0) rotate(45deg) translateZ(0) !important;
}

body .qbootstrap-nav-toggle.active i::after {
    bottom: 0 !important;
    transform: translateY(0) rotate(-45deg) translateZ(0) !important;
}

/* Hover melhorado */
body .qbootstrap-nav-toggle:hover:not(.active) i::before {
    top: -10px !important;
    transition: top 0.2s ease-out !important;
}

body .qbootstrap-nav-toggle:hover:not(.active) i::after {
    bottom: -10px !important;
    transition: bottom 0.2s ease-out !important;
}

/* Feedback tátil para dispositivos móveis */
@media (hover: none) and (pointer: coarse) {
    body .qbootstrap-nav-toggle:active {
        transform: scale(0.9) !important;
        transition: transform 0.1s ease-out !important;
    }
}

/* Acessibilidade melhorada */
body .qbootstrap-nav-toggle:focus-visible {
    outline: 3px solid #2DE523 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px rgba(45, 229, 35, 0.2) !important;
}

/* Prevenção de conflitos com animações globais */
@media (prefers-reduced-motion: reduce) {
    .qbootstrap-nav-toggle,
    .qbootstrap-nav-toggle *,
    .qbootstrap-nav-toggle *::before,
    .qbootstrap-nav-toggle *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* Performance otimizada */
.qbootstrap-nav-toggle {
    contain: layout style paint !important;
    transform: translateZ(0) !important;
}

/* Correção para temas escuros removida - causava quadrado preto */