/*
 * Sekce „Statistiky" — 4 sloupce s velkými čísly + popisky pod nimi.
 *
 * Layout:
 *  Desktop ≥ 1024 px: 4 sloupce
 *  Tablet 768–1023:    2 sloupce
 *  Mobil < 768 px:     1 sloupec
 *
 * Mezi sloupci je vertikální divider (stejná barva jako .divider sekce):
 *   rgba(243, 244, 246, 0.07).
 * Posledni sloupec v řádku divider nemá.
 *
 * Číslo:    40 px semibold, ls -2 %, lh 100 %
 * Popisek:  13 px medium, lh 150 %, ls -2 %
 * Gap mezi: 10 px
 */

/* ── Volitelný header ────────────────────────────────────── */
.stats__head {
	text-align: center;
	max-width: 760px;
	margin: 0 auto var(--rp-space-7);             /* 48 px nad statistikami */
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.stats__eyebrow {
	margin: 0;
	color: var(--rp-color-text);
	font-size: var(--rp-fs-sm);
	font-weight: var(--rp-fw-regular);
	letter-spacing: -0.02em;
	line-height: 1;
}

.stats__title {
	margin: 0;
	color: var(--rp-color-text);
	font-size: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
	font-weight: var(--rp-fw-medium);
	line-height: var(--rp-lh-tight);
	letter-spacing: var(--rp-tracking-tight);
}

.stats__subtitle {
	color: var(--rp-color-text);
	font-size: var(--rp-fs-sm);
	font-weight: var(--rp-fw-regular);
	line-height: var(--rp-lh-normal);
	letter-spacing: -0.02em;
}
.stats__subtitle p { margin: 0; color: inherit; }

/* ── Grid se statistikami ────────────────────────────── */
.stats__list {
	list-style: none;
	margin: 0;
	padding: 40px 0;                              /* vertikální padding uvnitř sekce */
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: center;
	border-top: 1px solid rgba(243, 244, 246, 0.12);     /* horizontální čára nahoře */
	border-bottom: 1px solid rgba(243, 244, 246, 0.12);  /* horizontální čára dole */
}

.stats__item {
	display: flex;
	flex-direction: column;
	align-items: center;                          /* centrovat obsah */
	text-align: center;
	gap: 10px;                                    /* mezi číslem a popiskem */
	padding: 0 var(--rp-space-5);                 /* 24 px sides — místo pro divider */
	color: var(--rp-color-text);
	border-right: 1px solid rgba(243, 244, 246, 0.07);  /* divider stejný jako .divider */
}

.stats__item:first-child { padding-left: 0; }
.stats__item:last-child  { padding-right: 0; border-right: 0; }

.stats__value {
	color: var(--rp-color-text);
	font-size: 40px;
	font-weight: var(--rp-fw-semibold);            /* 600 */
	letter-spacing: -0.02em;                       /* -2 % */
	line-height: 1;                                /* 100 % */
	font-variant-numeric: tabular-nums;            /* stabilní šířka cifer během count-up */
}

.stats__label {
	color: var(--rp-color-text);
	font-size: 13px;
	font-weight: var(--rp-fw-medium);              /* 500 */
	letter-spacing: -0.02em;
	line-height: var(--rp-lh-normal);              /* 150 % */
}

/* ── Tablet: 2 sloupce ──────────────────────────────────── */
@media (max-width: 1023px) {
	.stats__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 32px;
	}
	.stats__item {
		padding: 0 var(--rp-space-5);
	}
	/* Reset borders + adjust per nth-child */
	.stats__item { border-right: 1px solid rgba(243, 244, 246, 0.07); }
	.stats__item:first-child { padding-left: 0; }
	.stats__item:last-child  { padding-right: 0; }
	/* Druhý a čtvrtý item — nemají border vpravo (konec řádku) */
	.stats__item:nth-child(2n) { border-right: 0; padding-right: 0; }
	.stats__item:nth-child(2n+1) { padding-left: 0; }
}

/* ── Mobil: 1 sloupec, horizontální divider mezi řádky ─── */
@media (max-width: 639px) {
	.stats__list {
		grid-template-columns: 1fr;
		row-gap: 0;
	}
	.stats__item {
		border-right: 0;
		padding: 24px 0;
	}
	.stats__item:first-child { padding-top: 0; }
	.stats__item:last-child { padding-bottom: 0; }
	.stats__item + .stats__item {
		border-top: 1px solid rgba(243, 244, 246, 0.07);
	}
}