/**
 * Elementor GSAP Pro - Frontend Styles
 * 
 * Minimal styles for GSAP animated elements.
 * 
 * @package Elementor_GSAP_Pro
 * @version 1.0.0
 */

/* GSAP Wrapper Widget */
.gsap-wrapper-container {
    position: relative;
    width: 100%;
}

.gsap-wrapper-inner {
    position: relative;
    width: 100%;
}

/* Prevent FOUC (Flash of Unstyled Content) */
[data-gsap-animation] {
    /* Elements will be animated, ensure they're visible */
    visibility: visible;
}

/* ScrollTrigger Debug Markers Styling (optional) */
.gsap-marker-scroller-start,
.gsap-marker-scroller-end,
.gsap-marker-start,
.gsap-marker-end {
    z-index: 9999 !important;
}

/* Performance optimization: GPU acceleration hint */
[data-gsap-animation] {
    will-change: transform, opacity;
}

/* After animation completes, remove will-change */
[data-gsap-animation].gsap-animation-complete {
    will-change: auto;
}