/*
 * Divider marquee — scrolling trust-strip separator between the
 * "Why Choose / Index" section and Testimonials on the homepage.
 * @package log-core
 */

.log-divider-marquee {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, var(--sage-600), var(--sage-500) 50%, var(--sage-600));
	border-top: 1px solid rgba(255, 255, 255, .15);
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	padding: 13px 0;
}

.log-divider-marquee-track {
	display: inline-flex;
	white-space: nowrap;
	width: max-content;
}

.log-divider-marquee-track.dir-left { animation: log-divider-marquee-scroll 26s linear infinite; }
.log-divider-marquee:hover .log-divider-marquee-track { animation-play-state: paused; }

@keyframes log-divider-marquee-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.log-divider-marquee-track span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #fff;
	padding: 0 28px;
	border-right: 1px solid rgba(255, 255, 255, .3);
}

.log-divider-marquee-track .icon { width: 14px; height: 14px; color: var(--plum-950); }

@media (max-width: 600px) {
	.log-divider-marquee-track span { font-size: 11px; padding: 0 18px; }
}