/* GSAP Custom Animation Classes */
.ayaz-animate {
    will-change: transform, opacity;
    backface-visibility: hidden;
}

/* Hide elements initially - GSAP will make them visible when animating */
.ayaz-animate-fadeUp,
.ayaz-animate-fadeDown,
.ayaz-animate-fadeLeft,
.ayaz-animate-fadeRight {
    opacity: 0;
}

.ayaz-animate-scaleIn,
.ayaz-animate-scaleOut,
.ayaz-animate-bounceIn {
    opacity: 0;
}

.ayaz-animate-rotateIn {
    opacity: 0;
}

.ayaz-animate-slideUp,
.ayaz-animate-slideDown {
    opacity: 0;
}

/* Fallback for when JavaScript is disabled */
.no-js .ayaz-animate {
    opacity: 1 !important;
    transform: none !important;
}

/* Editor styles for better preview */
.block-editor .ayaz-animate {
    opacity: 1;
    transform: none;
}