/* Custom Elementor Sliding Ticker Styles */

.cet-ticker-wrapper {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	position: relative;
	display: block;
	box-sizing: border-box;
	line-height: 1.2;
}

.cet-ticker-content {
	display: inline-flex;
	align-items: center;
	width: max-content;
	animation: cet-scroll linear infinite;
	will-change: transform;
	white-space: nowrap;
}

.cet-ticker-text {
	display: inline-block;
	white-space: nowrap;
	flex-shrink: 0;
	vertical-align: middle;
}

.cet-ticker-separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	vertical-align: middle;
	line-height: 1;
}

.cet-ticker-separator i,
.cet-ticker-separator svg {
	display: block;
}

/* Direction classes */
.cet-direction-right .cet-ticker-content {
	animation-name: cet-scroll-right;
}

.cet-direction-left .cet-ticker-content {
	animation-name: cet-scroll-left;
}

/* Pause on hover */
.cet-pause-hover:hover .cet-ticker-content {
	animation-play-state: paused;
}

/* Keyframes using CSS variable (fallback to -50%) */
@keyframes cet-scroll-right {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(var(--ticker-distance, -50%));
	}
}

@keyframes cet-scroll-left {
	0% {
		transform: translateX(var(--ticker-distance, -50%));
	}
	100% {
		transform: translateX(0);
	}
}

/* Editor preview */
.elementor-editor-active .cet-ticker-content {
	animation-play-state: running;
}

/* Force no wrapping */
.cet-ticker-wrapper,
.cet-ticker-content,
.cet-ticker-text {
	white-space: nowrap !important;
}