/**
 * Variant CSS: coverage--nationwide-stats-band
 *
 * Service area as a bold dark band stating reach in figures — three big numerals
 * (cities / voivodeships / pickup points) with captions, framed by a kicker +
 * headline, closed by a short coverage statement. Distinct from nationwide-band
 * (which lists city pills, no numbers): here the scale is the numbers themselves.
 * Dark surface, so text is --text-on-dark and figures/accents use the KI-020 lift
 * (mix accent with white) — never --bg-main as foreground. Centered children keep
 * horizontal-auto margins (A8/A9). Part of the `coverage` role.
 */

body.aibt-universal .universal-coverage--nationwide-stats-band {
	padding-block: calc(clamp(3.4rem, 8vw, 6rem) * var(--density, 1));
	padding-inline: clamp(1.2rem, 5vw, 3rem);
	text-align: center;
	background: var(--background-dark, #141414);
	color: var(--text-on-dark, #ffffff);
}

/* Kicker — accent lifted toward white so it reads on the dark band. */
body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__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: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff)) !important;
	margin: 0 auto var(--space-sm) auto !important;
}

body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__headline {
	font-family: var(--font-display) !important;
	color: var(--text-on-dark, #ffffff) !important;
	margin: 0 auto clamp(2rem, 5vw, 3rem) auto !important;
	max-width: 18ch;
}

body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__headline em {
	color: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff)) !important;
	font-style: italic;
}

/* ---- Stats row ---- */
body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stats {
	gap: clamp(1.6rem, 5vw, 3.6rem) !important;
	max-width: 800px;
	margin: 0 auto clamp(2rem, 5vw, 3rem) auto !important;
	align-items: stretch !important;
}

/* Single stat column. */
body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat {
	position: relative;
	flex: 1 1 0;
	min-width: 150px;
	padding-inline: clamp(0.6rem, 2vw, 1.4rem);
}

/* Vertical hairline between stats (not before the first). */
body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat + .universal-coverage__stat::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 64%;
	background: color-mix(in srgb, var(--text-on-dark, #ffffff) 18%, transparent);
}

body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat-figure {
	font-family: var(--font-display) !important;
	font-size: clamp(2.8rem, 7vw, 4.4rem) !important;
	font-weight: 800 !important;
	line-height: 0.95 !important;
	letter-spacing: -0.03em !important;
	color: color-mix(in srgb, var(--accent) 60%, var(--on-dark, #ffffff)) !important;
	margin: 0 auto 0.4rem auto !important;
}

body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat-label {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--text-on-dark, #ffffff) !important;
	opacity: 0.78;
	margin: 0 auto !important;
}

/* ---- Closing statement ---- */
body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__deck {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--text-on-dark, #ffffff) !important;
	opacity: 0.82;
	max-width: 56ch;
	margin: 0 auto !important;
}

/* Mobile: drop wide uppercase tracking (A5), stack stats with horizontal rules. */
@media (max-width: 640px) {
	body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__kicker,
	body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat-label {
		letter-spacing: 0 !important;
	}
	body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stats {
		gap: 1.4rem !important;
		max-width: 320px;
	}
	body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat {
		flex: 1 1 100%;
		min-width: 0;
		padding-block: 1.4rem 0;
	}
	/* Swap the vertical hairline for a horizontal one when stacked. */
	body.aibt-universal .universal-coverage--nationwide-stats-band .universal-coverage__stat + .universal-coverage__stat::before {
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 48px;
		height: 1px;
	}
}