/* =====================================================
   AVANTHY — ANIMAÇÃO DISCRETA DA LOGO
   ===================================================== */

/* Entrada suave ao carregar a página */
header .avt-official-brand-picture {
    position: relative;
    overflow: visible;
    transform-origin: left center;
    animation: avtLogoEntrance 0.7s ease-out both;
}

/* Movimento aplicado diretamente na imagem */
header .avt-official-logo-header {
    transition:
        transform 0.28s ease,
        filter 0.28s ease,
        opacity 0.28s ease;
    will-change: transform;
}

/* Hover discreto */
header a:has(.avt-official-logo-header):hover
.avt-official-logo-header {
    transform: translateY(-2px) scale(1.025);
    filter:
        drop-shadow(0 6px 9px rgba(0, 35, 77, 0.16))
        drop-shadow(0 2px 4px rgba(255, 102, 0, 0.10));
}

/* Pequeno retorno ao clicar */
header a:has(.avt-official-logo-header):active
.avt-official-logo-header {
    transform: translateY(0) scale(0.99);
}

/* Foco acessível pelo teclado */
header a:has(.avt-official-logo-header):focus-visible {
    border-radius: 8px;
    outline: 2px solid #ff6600;
    outline-offset: 6px;
}

/* Animação executada somente uma vez */
@keyframes avtLogoEntrance {
    0% {
        opacity: 0;
        transform: translateY(-6px) scale(0.985);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Evita animações para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    header .avt-official-brand-picture {
        animation: none !important;
    }

    header .avt-official-logo-header {
        transition: none !important;
    }

    header a:has(.avt-official-logo-header):hover
    .avt-official-logo-header {
        transform: none !important;
        filter: none !important;
    }
}

/* Ajuste para telas sensíveis ao toque */
@media (hover: none) {
    header a:has(.avt-official-logo-header):hover
    .avt-official-logo-header {
        transform: none;
        filter: none;
    }
}