/* ==========================================================================
   Brand Logos Ticker
   ========================================================================== */

.dg-brand-logos-dg {
	padding: 2rem 0;
}

/* Ticker container */
.dg-brand-logos-dg .dg-logo-ticker {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 1rem 0;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
	        mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
}

/* Track — animated */
.dg-brand-logos-dg .dg-track {
	display: flex;
	align-items: center;
	will-change: transform;
}

/* Logo grid — single row, no wrap */
.dg-brand-logos-dg .dg-logos-grid {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex-shrink: 0;
}

/* Individual logo */
.dg-brand-logos-dg .dg-logo {
	position: relative;
	width: 150px;
	height: 60px;
	margin: 0 2rem;
	flex-shrink: 0;
}

.dg-brand-logos-dg .dg-logo img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.dg-brand-logos-dg .dg-logo img:hover {
	filter: grayscale(0%);
	opacity: 1;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.dg-brand-logos-dg .dg-track {
		transform: none !important;
	}
}