/* -------------------------------------------------------------------------
   10-ticker.css — Бегущая строка Enclave
-------------------------------------------------------------------------- */

.enclave-ticker {
	overflow: hidden;
	border-bottom: var(--b);
	border-top: var(--b);
	height: 36px;
	display: flex;
	align-items: center;
}

.enclave-ticker--black {
	background: var(--k);
}
.enclave-ticker--yellow {
	background: var(--a);
}

/* Трек анимируется */
.enclave-ticker__track {
	display: flex;
	align-items: center;
	white-space: nowrap;
	animation: enclave-ticker-scroll 20s linear infinite;
	will-change: transform;
}

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

.enclave-ticker--black .enclave-ticker__track {
	/* Ширина трека в 2× контент — поэтому animate до -50% */
}

/* Элемент */
.enclave-ticker__item {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	padding: 0 4px;
}

.enclave-ticker--black .enclave-ticker__item {
	color: #444;
}
.enclave-ticker--yellow .enclave-ticker__item {
	color: var(--k);
}

/* Разделитель */
.enclave-ticker__sep {
	margin-left: 20px;
	font-size: 10px;
	font-style: normal;
	color: #e8ff3a;
}

/* Пауза при наведении */
.enclave-ticker:hover .enclave-ticker__track {
	animation-play-state: paused;
}

/* Во всю ширину viewport */
.enclave-ticker.enclave-ticker--viewport {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}