/* PART incident-report ticker.
 * Markup: wordflux-part/modules/ticker.php. Loop sizing: part-ticker.js.
 * Selectors are id-scoped so footer typography in the theme cannot restyle it. */
#wordflux-ticker {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: #fff;
	border-top: 2px solid #011e41;
	z-index: 2;
}
#wordflux-ticker .wordflux-ticker__track {
	display: flex;
	width: max-content;
	height: 100%;
	margin: 0;
	animation: wft-scroll var(--wft-duration, 120s) linear infinite;
	will-change: transform;
}
#wordflux-ticker:hover .wordflux-ticker__track {
	animation-play-state: paused;
}
#wordflux-ticker .wordflux-ticker__copy {
	flex: none;
	margin: 0;
	padding: 0;
	font: 400 27px/50px Poppins, sans-serif;
	color: #011e41;
	white-space: nowrap;
	text-align: left;
}
#wordflux-ticker .separator {
	display: inline-block;
	width: 300px;
}
/* --wft-copy is one copy's width (set in px by JS). Without JS the track holds
 * exactly two copies, so the 50% fallback is also one copy. */
@keyframes wft-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(-1 * var(--wft-copy, 50%))); }
}