/**
 * Variant CSS: trust--portrait-with-quote-dark
 * Layer 2 — extracted z piwnica-kuchnia.
 * Polarity-aware (2026-05-29): uses --background-alt + --text-primary so the band
 * adopts the theme's palette — a subtle contrasting band on light themes, a darker
 * band on dark themes — instead of forcing a heavy dark block on every theme.
 * (Slug keeps "-dark" for back-compat; the look is now theme-coherent.)
 */

body.aibt-universal .universal-trust--portrait-with-quote-dark {
	background: var(--background-alt);
	color: var(--text-primary);
	border-bottom: 1px solid var(--divider-accent);
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__photo {
	margin: 0;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__photo img {
	display: block;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 500 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	color: var(--text-primary) !important;
	opacity: 0.7 !important;
	margin: 0 0 var(--space-md) 0 !important;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark h2.universal-trust__headline,
body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__headline {
	font-family: var(--font-display) !important;
	color: var(--text-primary) !important;
	margin: 0 0 var(--space-md) 0 !important;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__headline em {
	color: var(--text-primary) !important;
	opacity: 0.85;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__body {
	font-family: var(--font-body) !important;
	font-size: var(--text-lg) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--text-primary) !important;
	opacity: 0.82;
	margin: 0 0 var(--space-md) 0 !important;
	max-width: 48ch;
}

body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__quote {
	font-family: var(--font-display) !important;
	font-style: italic !important;
	font-size: var(--text-base) !important;
	line-height: var(--leading-normal) !important;
	color: var(--text-primary) !important;
	opacity: 0.7;
	margin: var(--space-md) 0 0 0 !important;
	padding-left: var(--space-md);
	border-left: 1px solid var(--divider-primary);
	max-width: 44ch;
}

@media (max-width: 781px) {
	body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__grid {
		flex-direction: column !important;
	}
	body.aibt-universal .universal-trust--portrait-with-quote-dark .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* Mobile (<=640px): the headline's inline clamp(2.2rem,4.5vw,4rem) holds a 2.2rem
   floor that clips the long PL line on narrow phones. Cap to a wrapping size
   (the global :where() mobile cap cannot override the inline style) + allow wrap.
   Cap the wide kicker tracking so the eyebrow stays tidy at small sizes. */
@media (max-width: 640px) {
	body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__kicker {
		letter-spacing: 0.08em !important;
	}
	body.aibt-universal .universal-trust--portrait-with-quote-dark h2.universal-trust__headline,
	body.aibt-universal .universal-trust--portrait-with-quote-dark .universal-trust__headline {
		font-size: clamp(1.6rem, 6.5vw, 2.4rem) !important;
		overflow-wrap: break-word !important;
	}
}