/**
 * Variant CSS: testimonials--carousel-static
 * Layer 2 — Path B testimonials role (2026-06-06).
 * One large centered quote on a dark band with static "carousel" dot indicators.
 * Dark surface → text on var(--text-on-dark); accent via KI-020 lift (no --bg-main fg).
 * Every selector scoped to .universal-testimonials--carousel-static (no global leak).
 */

body.aibt-universal .universal-testimonials--carousel-static {
	background: var(--background-dark, #141414);
	color: var(--text-on-dark, #ffffff);
	text-align: center;
	padding-top: var(--space-xl);
	padding-bottom: var(--space-xl);
}

/* ---- Kicker / headline ------------------------------------------------- */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__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;
	/* KI-020: accent lifted toward white so it reads on the dark band */
	color: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff)) !important;
	margin: 0 auto var(--space-sm) auto !important;
}
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__headline {
	font-family: var(--font-display) !important;
	color: var(--text-on-dark, #ffffff) !important;
	margin: 0 auto var(--space-lg) auto !important;
	opacity: 0.85;
}

/* ---- Stars ------------------------------------------------------------- */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__stars {
	font-size: var(--text-lg) !important;
	letter-spacing: 0.15em !important;
	color: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff)) !important;
	margin: 0 auto var(--space-md) auto !important;
}

/* ---- Quote ------------------------------------------------------------- */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__quote {
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	color: var(--text-on-dark, #ffffff) !important;
	margin: 0 auto var(--space-lg) auto !important;
	max-width: 22ch;
	text-wrap: balance;
}
/* Decorative opening quotation mark above the testimonial */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__quote::before {
	content: "\201C";
	display: block;
	font-family: var(--font-display);
	font-size: 4rem;
	line-height: 0.5;
	color: color-mix(in srgb, var(--accent) 55%, var(--on-dark, #ffffff));
	opacity: 0.7;
	margin: 0 auto var(--space-sm) auto;
}

/* ---- Author ------------------------------------------------------------ */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__author {
	margin: 0 auto;
}
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__name {
	font-family: var(--font-display) !important;
	font-size: var(--text-base) !important;
	font-weight: 600 !important;
	color: var(--text-on-dark, #ffffff) !important;
	margin: 0 auto !important;
	line-height: 1.3 !important;
}
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__authorrole {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	color: var(--text-on-dark, #ffffff) !important;
	opacity: 0.7;
	margin: 2px auto 0 auto !important;
	line-height: 1.3 !important;
}

/* ---- Static dot indicators (decorative carousel hint) ------------------ */
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__dots {
	display: flex;
	justify-content: center;
	gap: var(--space-sm);
	margin-top: var(--space-lg);
}
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__dot {
	width: 8px;
	height: 8px;
	border-radius: var(--decor-radius-pill);
	background: color-mix(in srgb, var(--on-dark, #ffffff) 28%, transparent);
}
body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__dot.is-active {
	width: 26px;
	background: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff));
}

/* ---- Mobile ------------------------------------------------------------ */
@media (max-width: 640px) {
	body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__kicker {
		/* A5: cap tracking on small screens to avoid uppercase line-break artifacts */
		letter-spacing: 0 !important;
	}
	body.aibt-universal .universal-testimonials--carousel-static .universal-testimonials__quote {
		max-width: 100%;
	}
}