/* Animation CSS - Text Animation Styles */

/* Image Animation CSS */
.at-animation-image-style-1 img{
	clip-path: inset(0 100% 0 0); 
}

/* Initial hiding for text animations to prevent flash - but show in editor */
.at-animation-heading-style-1 .elementor-heading-title,
.at-animation-heading-style-1 .ekit-heading--title,
.at-animation-heading-style-2 .elementor-heading-title,
.at-animation-heading-style-2 .ekit-heading--title,
.at-animation-heading-style-3 .elementor-heading-title,
.at-animation-heading-style-3 .ekit-heading--title,
.at-animation-heading-style-4 .elementor-heading-title,
.at-animation-heading-style-4 .ekit-heading--title {
	opacity: 0;
	visibility: hidden;
}

/* Show text in Elementor editor */
.elementor-editor-active .at-animation-heading-style-1 .elementor-heading-title,
.elementor-editor-active .at-animation-heading-style-1 .ekit-heading--title,
.elementor-editor-active .at-animation-heading-style-2 .elementor-heading-title,
.elementor-editor-active .at-animation-heading-style-2 .ekit-heading--title,
.elementor-editor-active .at-animation-heading-style-3 .elementor-heading-title,
.elementor-editor-active .at-animation-heading-style-3 .ekit-heading--title,
.elementor-editor-active .at-animation-heading-style-4 .elementor-heading-title,
.elementor-editor-active .at-animation-heading-style-4 .ekit-heading--title {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Arabic Text Animation Support */
.at-animation-heading-style-1 [lang="ar"] *,
.at-animation-heading-style-2 [lang="ar"] *,
.at-animation-heading-style-3 [lang="ar"] *,
.at-animation-heading-style-4 [lang="ar"] *,
[dir="rtl"] .at-animation-heading-style-1 *,
[dir="rtl"] .at-animation-heading-style-2 *,
[dir="rtl"] .at-animation-heading-style-3 *,
[dir="rtl"] .at-animation-heading-style-4 * {
	/* Preserve Arabic text rendering */
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "liga", "kern", "clig", "calt";
	font-feature-settings: "liga", "kern", "clig", "calt";
	/* Ensure proper Arabic shaping */
	unicode-bidi: embed;
	font-synthesis: none;
}

/* Ensure split text elements maintain proper direction for Arabic */
[dir="rtl"] .at-animation-heading-style-1 span,
[dir="rtl"] .at-animation-heading-style-2 span,
[dir="rtl"] .at-animation-heading-style-3 span,
[dir="rtl"] .at-animation-heading-style-4 span {
	direction: rtl;
	unicode-bidi: embed;
}

/* Animation timing optimizations for smoother performance */
.at-animation-heading-style-1 .elementor-heading-title,
.at-animation-heading-style-1 .ekit-heading--title {
	/* Ensure smooth transitions for word-based animations */
	transition-timing-function: ease-out;
	/* Hardware acceleration for better performance */
	will-change: transform, opacity;
	transform: translateZ(0);
}

.at-animation-heading-style-2 .elementor-heading-title,
.at-animation-heading-style-2 .ekit-heading--title {
	/* Enhanced timing for character/word animations */
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform, opacity;
	transform: translateZ(0);
}

.at-animation-heading-style-3 .elementor-heading-title,
.at-animation-heading-style-3 .ekit-heading--title {
	/* Perspective adjustments for 3D word animations */
	transform-style: preserve-3d;
	will-change: transform, opacity;
}

.at-animation-heading-style-4 .elementor-heading-title,
.at-animation-heading-style-4 .ekit-heading--title {
	/* Scroll-based animation smoothing */
	will-change: transform, opacity;
	transform: translateZ(0);
}