/**
 * Logo Lottie Animation - Sticky Header Swap Styles
 */

/* Hide Lottie wrapper by default */
#logo-lottie-wrapper.header-logo-sticky {
    display: none !important;
}

/* When header is sticky, hide default logo and show Lottie */
.stuck #logo-lottie-wrapper.header-logo-sticky {
    display: block !important;
    max-height: 70px !important;
    height: auto !important;
    width: auto !important;
}

.stuck .header-logo.default-logo {
    display: none !important;
}

/* Ensure proper sizing */
#logo-lottie-wrapper {
    position: relative;
    overflow: visible;
}

#logo-lottie-player,
.logo-lottie-fallback {
    display: block;
    width: 100%;
    height: 100%;
    max-height: inherit;
}

/* Adjust logo container in sticky state */
.stuck #logo {
    max-height: 70px;
}

.stuck #logo img,
.stuck #logo-lottie-wrapper {
    max-height: 70px;
    height: auto;
    width: auto;
}