/**
 * Variant CSS: trust--client-logos-text-row
 * Layer 2 — extracted z kod-clients.
 */

body.aibt-universal .universal-trust--client-logos-text-row {
	background: var(--background-alt);
	color: var(--text-primary);
	border-bottom: 1px solid var(--divider-primary);
	text-align: center;
}

/* Restore WP constrained-layout centering (margin:0 overrides zero auto margins). */
body.aibt-universal .universal-trust.universal-trust--client-logos-text-row .has-text-align-center {
	margin-inline: auto !important;
}

body.aibt-universal .universal-trust--client-logos-text-row .universal-trust__kicker {
	font-family: var(--font-body) !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	/* --text-secondary (not --text-muted): the eyebrow is small uppercase text and
	   must clear AA 4.5:1. --text-muted falls to ~2.7:1 on the lightest themes
	   (white-tech-modern); still quiet vs the bolder display list below. */
	color: var(--text-secondary) !important;
	margin: 0 auto var(--space-md) auto !important;
}

body.aibt-universal .universal-trust--client-logos-text-row .universal-trust__list {
	font-family: var(--font-display) !important;
	font-weight: 600 !important;
	font-size: clamp(1.2rem, 2.2vw, 1.8rem) !important;
	color: var(--text-primary) !important;
	letter-spacing: var(--tracking-wide) !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

/* Mobile (<=640px): kill the wide kicker tracking (cramped + jittery on small
   screens) and ease the display list down so the dot-joined brand names wrap
   cleanly instead of breaking mid-item ("Brand 4 / 5"). */
@media (max-width: 640px) {
	body.aibt-universal .universal-trust--client-logos-text-row .universal-trust__kicker {
		letter-spacing: 0.08em !important;
	}
	body.aibt-universal .universal-trust--client-logos-text-row .universal-trust__list {
		font-size: 1.15rem !important;
		letter-spacing: 0 !important;
		line-height: 1.5 !important;
	}
}