/* HEDEF_MENU_LOTTIE_LAYOUT_V3 */

/*
 * The fallback image stays in normal document flow and keeps the theme's
 * exact responsive width, height, padding and margins. Lottie is only an
 * absolute visual overlay, so it cannot push the hamburger/menu controls.
 */
a.custom-logo-link.hh-lottie-mounted,
a.navbar-brand.hh-lottie-mounted,
a.hh-modern-footer__logo.hh-lottie-mounted {
    position: relative;
}

.hh-menu-lottie-logo {
    position: absolute;
    z-index: 3;
    display: block;
    line-height: 0;
    overflow: visible;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
    contain: layout style;
}

.hh-lottie-ready > .hh-menu-lottie-logo {
    opacity: 1;
}

/* Visibility preserves the original image's layout box; display:none did not. */
.hh-lottie-ready > img.custom-logo,
a.navbar-brand.hh-lottie-ready > img:first-child,
a.hh-modern-footer__logo.hh-lottie-ready > img:first-child {
    visibility: hidden !important;
    opacity: 0 !important;
}

.hh-menu-lottie-logo svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    transform: translateX(-3.3%) scale(1.075) !important;
    transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: reduce) {
    .hh-menu-lottie-logo {
        transition: none;
    }
}