/* ===== AMIR CHAT — تیکرهای قیمت و محتوا =====
   عمداً کاملاً با CSS خالص کار می‌کند (بدون وابستگی به اجرای جاوااسکریپت برای خودِ اسکرول)،
   چون در صفحات واقعی با اسکریپت‌های زیاد (قالب، افزونه‌های دیگر) اجرای جاوااسکریپت ممکن است
   دیر یا با تأخیر انجام شود. جاوااسکریپت فقط برای به‌روزرسانی دوره‌ای قیمت‌ها استفاده می‌شود،
   نه برای شروعِ خودِ انیمیشن. */

.act-ticker {
	display: flex;
	align-items: center;
	background: linear-gradient(90deg, #05070c, #0e1320, #05070c);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 11px 0;
	overflow: hidden;
	direction: rtl;
	font-family: "Vazirmatn", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif;
	position: relative;
	z-index: 2;
}

.act-ticker-viewport {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.act-ticker-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation-name: actTickerScroll;
	animation-duration: var(--act-ticker-duration, 30s);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
/* فارسی/عربی: حرکت از چپ به راست */
.act-ticker[dir="rtl"] .act-ticker-track {
	animation-name: actTickerScrollRtl;
}
@keyframes actTickerScroll    { from { transform: translateX(0); }    to { transform: translateX(-50%); } }
@keyframes actTickerScrollRtl { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.act-ticker-item {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #fff;
	font-size: 13.5px;
	padding: 0 20px;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.14);
	white-space: nowrap;
}

.act-ticker-name {
	font-weight: 700;
	background: linear-gradient(90deg, #00d4ff, #4a6cff);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.act-ticker-price-val { font-weight: 700; font-variant-numeric: tabular-nums; }
.act-ticker-change { font-size: 12px; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.act-ticker-change.up   { color: #21e065; background: rgba(33, 224, 101, 0.12); }
.act-ticker-change.down { color: #ff5470; background: rgba(255, 84, 112, 0.12); }

.act-ticker-item a { color: inherit; text-decoration: none; }
.act-ticker-item a:hover { color: #00d4ff; text-decoration: underline; }
.act-ticker-content .act-ticker-item::before { content: "📰"; font-size: 12px; opacity: 0.8; }

.act-ticker-loading { opacity: 0.55; font-style: italic; }

@media (prefers-reduced-motion: reduce) {
	.act-ticker-track { animation: none; }
}