/* [dab_client_slider] — uniform logo cells + slower marquee (scoped to .featured_clients) */
.featured_clients {
	--dab-logo-gap: 2.75rem;
	--dab-logo-cell-w: 10rem;
	--dab-logo-cell-h: 4rem;
}

@media (max-width: 640px) {
	.featured_clients {
		--dab-logo-gap: 1.75rem;
		--dab-logo-cell-w: 7.25rem;
		--dab-logo-cell-h: 3.25rem;
	}
}

.featured_clients .scroller__inner {
	align-items: center;
	column-gap: var(--dab-logo-gap);
	-moz-column-gap: var(--dab-logo-gap);
}

/* data-speed=fast → 20s in custom.css; override for featured_clients only (~2.4× slower) */
.featured_clients .scroller,
.featured_clients .scroller[data-speed="fast"],
.featured_clients .scroller[data-speed="slow"],
.featured_clients .scroller[data-speed="normal"] {
	--_animation-duration: 48s;
}

/* Half-gap must match --dab-logo-gap (shared logo_scroll keyframe hardcodes 3rem for 6rem gap) */
@keyframes dab_client_logo_scroll {
	to {
		transform: translateX(calc(-50% - (var(--dab-logo-gap) / 2)));
	}
}

.featured_clients .scroller[data-animated="true"] .scroller__inner {
	animation: dab_client_logo_scroll var(--_animation-duration, 48s) var(--_animation-direction, forwards) linear infinite;
}

.featured_clients .dab-client-logo {
	box-sizing: border-box;
	flex: 0 0 auto;
	width: var(--dab-logo-cell-w);
	height: var(--dab-logo-cell-h);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Explicit rem caps (not %): survives CompressX <picture> wrappers. Scale ≤1 shrinks wide logos. */
.featured_clients .dab-client-logo img,
.featured_clients .dab-client-logo picture,
.featured_clients .dab-client-logo .dab-client-logo__img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: calc(var(--dab-logo-cell-w) * var(--dab-logo-scale, 1)) !important;
	max-height: calc(var(--dab-logo-cell-h) * var(--dab-logo-scale, 1)) !important;
	object-fit: contain;
	object-position: center;
}

/* Homepage only: space above the logo row.
   Target the SiteOrigin widget style wrapper (class featured_clients) — NOT the inner
   shortcode .featured_clients, or padding would apply twice. Bottom gap is fixed via
   panels_data bottom_margin=0 on rows 79/12486. */
body.home .panel-widget-style.featured_clients {
	padding-top: 2.5rem;
}
@media (max-width: 640px) {
	body.home .panel-widget-style.featured_clients {
		padding-top: 1.75rem;
	}
}