/* ---------- Eigene Werte ---------- */

.unyer-facts {
	--unyer-facts-rule: 0.0625rem solid var(--wp--preset--color--primary);
}

/* ---------- Leiste ---------- */

.unyer-facts {
	container-type: inline-size;
}

.wp-block-group.unyer-facts__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.unyer-facts__item {
	padding-block: var(--wp--preset--spacing--50);
	padding-inline: var(--wp--preset--spacing--30);
}

/* ---------- Zwei Spalten ---------- */

@container (width < 48rem) {
	.unyer-facts__grid > :nth-child(2n) {
		border-inline-start: var(--unyer-facts-rule);
	}

	.unyer-facts__grid > :nth-child(n + 3) {
		border-block-start: var(--unyer-facts-rule);
	}
}

/* ---------- Vier Spalten ---------- */

@container (width >= 48rem) {
	.wp-block-group.unyer-facts__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.unyer-facts__grid > :not(:first-child) {
		border-inline-start: var(--unyer-facts-rule);
	}
}

/* ---------- Kante ---------- */

.unyer-facts__grid {
	margin-inline: 0;
	max-inline-size: none;
}