/* WPBakery Row Animations - Frontend CSS */

/* Sticky on Top */
.vc_row.enym-anim-sticky-top {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 10;
}

/* Ensure subsequent rows can overlap the sticky row */
.vc_row.enym-anim-sticky-top ~ .vc_row {
    position: relative;
    z-index: 20;
}

/* Fade In */
/* Initial state for fade in observer */
body:not(.wpb-enym-anim-disabled) .vc_row.enym-anim-fade-in {
    opacity: 0;
    transform: scale(0.95) translateY(30px);
    transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: opacity, transform;
}

/* Reached state via JS */
body:not(.wpb-enym-anim-disabled) .vc_row.enym-anim-fade-in.enym-is-visible {
    opacity: 1;
    transform: scale(1) translateY(0);
}

/* Fade Out is dynamically applied via inline styles in JS to ensure smooth parallax */