.bk-stats { display: flex; gap: 2.5rem 3rem; border-radius: 0.625rem; background: transparent; border: 0; }
.bk-stats--has-bg { border: 1px solid var(--color-line); }
.bk-stats--row { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.bk-stats--column { flex-direction: column; gap: 1.75rem; }

.bk-stats--align-left   { justify-content: flex-start; text-align: left; }
.bk-stats--align-center { justify-content: center;     text-align: center; }
.bk-stats--align-right  { justify-content: flex-end;   text-align: right; }

.bk-stats__item { display: flex; flex-direction: column; gap: 0.4rem; position: relative; min-width: 0; flex-grow: 1; flex-basis: 0; }
.bk-stats--row .bk-stats__item { padding-right: 1.5rem; }
.bk-stats--row.bk-stats--dividers .bk-stats__item + .bk-stats__item { padding-left: 3rem; }
.bk-stats--row.bk-stats--dividers .bk-stats__item + .bk-stats__item::before { content: ""; position: absolute; left: 0; top: 0.25rem; bottom: 0.25rem; width: 1px; background: var(--color-line); }

.bk-stats--column.bk-stats--dividers .bk-stats__item + .bk-stats__item { padding-top: 1.5rem; }
.bk-stats--column.bk-stats--dividers .bk-stats__item + .bk-stats__item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--color-line); }

.bk-stats__title { font-family: var(--h1-font-family); font-size: 2rem; line-height: 1.1; color: var(--color-content-primary); }
.bk-stats__subtitle { color: var(--color-content-faded); font-size: 0.8rem; line-height: 1.4; }

.l-section.color_alternate .bk-stats__title { color: var(--color-alt-content-heading); }
.l-section.color_alternate .bk-stats__subtitle { color: color-mix(in srgb, var(--color-alt-content-text) 80%, transparent); }
.l-section.color_alternate .bk-stats--dividers .bk-stats__item + .bk-stats__item::before { background: var(--color-alt-content-border); }

/* Tablet: 4+ items → 2-koloms grid voor adem-ruimte */
@media (max-width: 880px) {
	.bk-stats--row { flex-wrap: wrap; }
	.bk-stats--row .bk-stats__item { flex-basis: calc(50% - 1.5rem); }
	.bk-stats--row.bk-stats--dividers .bk-stats__item:nth-child(odd) { padding-left: 0; }
	.bk-stats--row.bk-stats--dividers .bk-stats__item:nth-child(odd)::before { display: none; }
	.bk-stats--row .bk-stats__title { font-size: 1.75rem; }
}

/* Mobiel: alles onder elkaar */
@media (max-width: 640px) {
	.bk-stats--row { flex-direction: column; gap: 1.5rem; }
	.bk-stats--row .bk-stats__item { flex-basis: auto; padding-right: 0; padding-left: 0 !important; }
	.bk-stats--row.bk-stats--dividers .bk-stats__item::before { display: none; }
	.bk-stats--row.bk-stats--dividers .bk-stats__item + .bk-stats__item { padding-top: 1.5rem; border-top: 1px solid var(--color-line); }
}
