/* ==========================================================================
   Trust Badges widget — ported from pestcontrolgroupusa_core_old
   (layout.css .trust-badges*, components.css .trust-badges__*). Classes
   are namespaced pcgu-trust-badges(__*) to avoid collisions with other
   plugins/themes; rendered output otherwise matches the original exactly.
   Marquee scroll/clone behavior (.marquee__viewport, .marquee__track,
   .js-marquee-track) lives in shared.css + assets/js/marquee.js — reused
   as-is, not duplicated here.

   None of this widget's elements are <a>/<img>/<button>, so the Elementor/
   theme global-reset specificity collision documented in Hero/Header/About
   doesn't apply here — no defensive ".pcgu-trust-badges" prefixing needed.
   ---- */

.pcgu-trust-badges {
	border-block: 1px solid var(--border);
	background-color: color-mix(in oklab, var(--muted) 35%, transparent);
}

.pcgu-trust-badges__inner.marquee__viewport {
	padding-block: 1.25rem;
}

.pcgu-trust-badges__badge {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: 0.625rem;
	border-radius: 9999px;
	border: 1px solid var(--border);
	background-color: var(--card);
	padding: 0.625rem 1.125rem 0.625rem 0.625rem;
	box-shadow: var(--shadow-lift);
	transition: transform 200ms, box-shadow 200ms, border-color 200ms;
}
.pcgu-trust-badges__badge:hover {
	transform: translateY(-2px);
	border-color: color-mix(in oklab, var(--secondary) 40%, var(--border));
	box-shadow: 0 12px 24px -14px rgba(15, 23, 42, 0.16);
}

.pcgu-trust-badges__icon {
	display: grid;
	flex-shrink: 0;
	place-items: center;
	height: 1.875rem;
	width: 1.875rem;
	border-radius: 9999px;
	background-color: color-mix(in oklab, var(--secondary) 14%, transparent);
	color: var(--secondary);
}
.pcgu-trust-badges__icon svg,
.pcgu-trust-badges__icon i {
	height: 1rem;
	width: 1rem;
	font-size: 1rem;
}

.pcgu-trust-badges__label {
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--foreground);
	white-space: nowrap;
}