/**
 * BXL Ticker — estilos autocontidos.
 *
 * Namespaced em .bxl-ticker com variáveis-fallback próprias (--bxl-tk-*): em
 * produção o tema é Hello Elementor e os tokens da BXL não existem globalmente.
 * Fiel ao ticker de 01_Editáveis/prototipo-final/home-approved.html.
 */

.bxl-ticker {
	--bxl-tk-bg: #0e0e0e;      /* --noite */
	--bxl-tk-text: #9a9488;    /* --mute  */
	--bxl-tk-accent: #fab624;  /* --ambar */
	--bxl-tk-line: rgba(255, 250, 239, .10);
	--bxl-tk-height: 38px;
	--bxl-tk-speed: 28s;

	background: var(--bxl-tk-bg);
	border-bottom: 1px solid var(--bxl-tk-line);
	overflow: hidden;
	height: var(--bxl-tk-height);
	width: 100%;
	display: flex;
	align-items: center;
	/* Sem z-index: fica em fluxo no topo e some ao rolar; um z positivo poderia
	   cobrir um header sticky/fixed durante a transição de rolagem. */
}

.bxl-ticker * {
	box-sizing: border-box;
}

.bxl-ticker .bxl-ticker-track {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	animation: bxl-marq var(--bxl-tk-speed) linear infinite;
	will-change: transform;
}

/* Estático (animação desligada) ou 1 conjunto só: sem rolagem, começa à esquerda. */
.bxl-ticker.is-static .bxl-ticker-track {
	animation: none;
	transform: none;
}

/* Pausa ao passar o mouse (togglada pelo JS). */
.bxl-ticker.is-paused .bxl-ticker-track {
	animation-play-state: paused;
}

.bxl-ticker .bxl-ticker-track > span {
	display: inline-flex;
	align-items: center;
	gap: 26px;
	margin: 0;
	padding: 0 26px;
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11.5px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--bxl-tk-text);
}

.bxl-ticker .bxl-ticker-track b {
	color: var(--bxl-tk-accent);
	font-weight: 500;
}

.bxl-ticker .bxl-ticker-track i.dot {
	width: 5px;
	height: 5px;
	flex: none;
	display: inline-block;
	border-radius: 0;
	/* cor vem inline (dotColor1/dotColor2) do render.php */
}

@keyframes bxl-marq {
	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 620px) {
	.bxl-ticker .bxl-ticker-track > span {
		font-size: 10.5px;
		letter-spacing: .18em;
		gap: 18px;
		padding: 0 18px;
	}
}

/* Acessibilidade: sem rolagem para quem pede menos movimento. */
@media (prefers-reduced-motion: reduce) {
	.bxl-ticker .bxl-ticker-track {
		animation: none !important;
		transform: none !important;
	}
}