/* ==========================================================================
   HOME › Trust strip — template-parts/home/trust.php (pure CSS marquee)
   ========================================================================== */

.trust {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	padding: 18px 0;
	background: var(--dli-green-600);
	color: #fff;
	transform: rotate(-1.2deg) scale(1.02);
	box-shadow: 0 20px 40px rgb(0 106 51 / 0.25);
}

.marquee {
	display: flex;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.marquee__track {
	display: flex;
	flex: none;
	gap: 48px;
	margin: 0;
	padding: 0 24px;
	list-style: none;
	animation: dli-marquee 38s linear infinite;
}

.marquee:hover .marquee__track {
	animation-play-state: paused;
}

.marquee__track li {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.marquee__track .icon {
	color: #d9f99d;
}

@keyframes dli-marquee {
	to { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
	.marquee__track { animation: none; }
	.marquee { overflow-x: auto; }
}