/**
 * Text Reveal Widget Styles
 * 
 * Styles for text reveal animation widget
 *
 * @package Serenity_CTA_Elements
 */

/* Base widget container styles */
.elementor-widget-serenity_text_reveal,
.elementor-widget-serenity_text_reveal .elementor-widget-container {
	overflow: visible !important;
}

.serenity-text-reveal-wrapper {
	position: relative;
	width: 100%;
	display: block;
}

.serenity-text-reveal-heading {
	margin: 0;
	text-align: center;
	font-size: 200px;
	overflow: hidden;
	line-height: 1;
	position: relative;
}

.serenity-text-reveal-span {
	display: block;
	transform: translate(0, 100%);
	/* Animation will be applied via JavaScript or inline styles */
}

/* Animation for on-load trigger */
.serenity-text-reveal-wrapper[data-trigger="on_load"] .serenity-text-reveal-span {
	animation: text-reveal var(--reveal-duration, 1.5s) var(--reveal-easing, cubic-bezier(0.77, 0, 0.175, 1)) forwards;
	animation-delay: var(--reveal-delay, 0.5s);
}

/* Animation for scroll trigger - initially hidden */
.serenity-text-reveal-wrapper[data-trigger="on_scroll"] .serenity-text-reveal-span {
	transform: translate(0, 100%);
}

/* When scrolled into view, apply animation */
.serenity-text-reveal-wrapper[data-trigger="on_scroll"].is-in-view .serenity-text-reveal-span {
	animation: text-reveal var(--reveal-duration, 1.5s) var(--reveal-easing, cubic-bezier(0.77, 0, 0.175, 1)) forwards;
	animation-delay: var(--reveal-delay, 0.5s);
}

/* Keyframe animation */
@keyframes text-reveal {
	0% {
		transform: translate(0, 100%);
	}
	100% {
		transform: translate(0, 0);
	}
}

/* Editor preview - show text immediately */
.elementor-editor-active .serenity-text-reveal-span {
	animation: none !important;
	transform: translate(0, 0) !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
	.serenity-text-reveal-heading {
		font-size: 150px;
	}
}

@media (max-width: 768px) {
	.serenity-text-reveal-heading {
		font-size: 100px;
	}
}

@media (max-width: 480px) {
	.serenity-text-reveal-heading {
		font-size: 60px;
	}
}