/* ============================================================
   Walnut News Ticker — Frontend Styles
   Clean, minimal. No overloaded rules.
   ============================================================ */

/* Ticker container */
.wnt-ticker {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	position: relative;
	/* Defaults — overridden by Elementor controls */
	height: 44px;
	background-color: #1a1a2e;
	border-radius: 6px;
}

/* Label / badge */
.wnt-label {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	padding: 0 14px;
	height: 100%;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background-color: #e63946;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}

/* Scrolling viewport */
.wnt-track-wrapper {
	flex: 1;
	overflow: hidden;
	position: relative;
	height: 100%;
}

/* The moving track */
.wnt-track {
	display: inline-flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
	will-change: transform;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/* Paused state (JS-toggled) */
.wnt-track.wnt-paused {
	animation-play-state: paused;
}

/* Individual item */
.wnt-item {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #e0e0e0;
	white-space: nowrap;
}

.wnt-item a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.wnt-item a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Divider between items */
.wnt-divider {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	/* margin-inline set via Elementor selector */
	margin-inline: 20px;
	color: #555577;
	user-select: none;
	line-height: 1;
}

/* Scroll keyframes — direction decided by JS on data attrs */
@keyframes wnt-scroll-left {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@keyframes wnt-scroll-right {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}