/* Dai chu chay ngang man hinh, bam vao mo form dang ky Workshop.
   Dat o astra_footer_before -> nam ngoai container noi dung nen chay het be ngang.
   Vong lap lien mach: track chua 2 hang giong het nhau, chay toi -50% roi quay lai. */

.tta-ticker {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0.45rem 0;
	background: #0b0b0c;
	border-top: 3px solid #b3261e;
	border-bottom: 3px solid #b3261e;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.tta-ticker__track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: tta-ticker-run var(--tta-ticker-dur, 30s) linear infinite;
}

.tta-ticker__row {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 0.5em;
	padding-right: 0.5em;
}

.tta-ticker__word,
.tta-ticker__dot {
	font-family: 'Archivo Narrow', 'Be Vietnam Pro', system-ui, sans-serif;
	font-weight: 700;
	font-size: clamp(1.3rem, 0.8rem + 2.2vw, 2.6rem);
	line-height: 1.12;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	white-space: nowrap;
}

.tta-ticker__word { color: #f7f3e9; }
/* mot tu nhan mau de tao nhip giua cac vong lap */
.tta-ticker__word.is-accent { color: #ff6a57; }
.tta-ticker__dot { color: #ff6a57; }

@keyframes tta-ticker-run {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

/* dung lai de kip doc va bam */
.tta-ticker:hover .tta-ticker__track,
.tta-ticker:focus-visible .tta-ticker__track {
	animation-play-state: paused;
}

.tta-ticker:hover { border-color: #ff6a57; }

.tta-ticker:focus-visible {
	outline: 3px solid #ff6a57;
	outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {

	.tta-ticker__track {
		animation: none;
		width: 100%;
		justify-content: center;
	}

	.tta-ticker__row + .tta-ticker__row { display: none; }
}