/**
 * Variant CSS: logos--framed-press-strip
 *
 * A centered single row of client/partner names framed by hairlines top and
 * bottom — a quiet "press bar" rather than a grid wall. Names sit muted and lift
 * to the accent on hover. Hairlines derive from --ink via color-mix, so they read
 * correctly on both light and dark themes. Native Gutenberg: a flex group of
 * editable paragraph chips.
 */

body.aibt-universal .universal-logos--framed-press-strip {
	text-align: center;
}

body.aibt-universal .universal-logos--framed-press-strip .universal-logos__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	/* Centred eyebrow (has-text-align-center) — keep horizontal margins auto so
	   WP's constrained margin-inline:auto is not overridden (anti-pattern A8/A9). */
	margin: 0 auto var(--space-lg, 2rem) auto !important;
}

/* The framed strip — hairlines top + bottom, generous internal padding. */
body.aibt-universal .universal-logos--framed-press-strip .universal-logos__strip {
	gap: clamp(1.5rem, 1rem + 3vw, 4rem) !important;
	padding: clamp(1.4rem, 3vw, 2.4rem) var(--space-md, 1.25rem) !important;
	border-top: 1px solid color-mix(in srgb, var(--ink) 15%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--ink) 15%, transparent);
	margin: 0 auto;
	max-width: 1000px;
}

body.aibt-universal .universal-logos--framed-press-strip .universal-logos__chip {
	font-family: var(--font-display) !important;
	font-size: clamp(1.05rem, 0.8rem + 1vw, 1.5rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.005em !important;
	line-height: 1.1 !important;
	color: var(--ink) !important;
	opacity: 0.5;
	margin: 0 !important;
	white-space: nowrap;
	transition: opacity var(--duration-fast, 0.18s) var(--ease-default, ease),
		color var(--duration-fast, 0.18s) var(--ease-default, ease);
}

body.aibt-universal .universal-logos--framed-press-strip .universal-logos__chip:hover {
	opacity: 1;
	color: var(--accent) !important;
}

/* Mobile: tighter strip, smaller chips, still centred + wrapping. */
@media (max-width: 640px) {
	/* Drop the kicker's wide tracking so the uppercase eyebrow doesn't
	   fragment / overflow on narrow phones (anti-pattern A5). */
	body.aibt-universal .universal-logos--framed-press-strip .universal-logos__kicker {
		letter-spacing: 0 !important;
	}
	body.aibt-universal .universal-logos--framed-press-strip .universal-logos__strip {
		gap: 1.1rem 1.6rem !important;
		padding: 1.2rem 0.5rem !important;
	}
}

/* Reduced motion: drop the chip hover transition. */
@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-logos--framed-press-strip .universal-logos__chip {
		transition: none;
	}
}