/*
 * GSAP Initial States — EQZone Child Theme
 * 
 * الهدف: إخفاء العناصر قبل ما GSAP يشتغل (منع FOUC)
 * القاعدة: كل animation type جديدة تضيف هنا initial state
 * 
 * will-change: بيحسن الـ performance على الـ GPU
 */

/* Base — أي عنصر عليه data-gsap يتخبى */
[data-gsap] {
    opacity: 0;
}

/* Fade Up */
[data-gsap="fade-up"] {
    opacity: 0;
    transform: translateY(60px);
    will-change: transform, opacity;
}

/* Fade Down */
[data-gsap="fade-down"] {
    opacity: 0;
    transform: translateY(-60px);
    will-change: transform, opacity;
}

/* Fade Left */
[data-gsap="fade-left"] {
    opacity: 0;
    transform: translateX(-60px);
    will-change: transform, opacity;
}

/* Fade Right */
[data-gsap="fade-right"] {
    opacity: 0;
    transform: translateX(60px);
    will-change: transform, opacity;
}

/* Scale */
[data-gsap="scale"] {
    opacity: 0;
    transform: scale(0.8);
    will-change: transform, opacity;
}

/*
 * NOTE: لو Elementor بيـ override الـ styles، استخدم:
 * .elementor-widget-wrap [data-gsap="fade-up"] { ... }
 *
 * NOTE: لما تضيف animation جديدة في animations.js
 *       لازم تضيف initial state هنا الأول
 */