.wp-block-wcag-theme-responsive-grid {
	--wcag-grid-columns-desktop: 3;
	--wcag-grid-columns-tablet: 2;
	--wcag-grid-columns-mobile: 1;
	--wcag-grid-gap: var(--wp--preset--spacing--40, 1rem);

	display: grid;
	grid-template-columns:
		repeat(
			var(--wcag-grid-columns-desktop),
			minmax(0, 1fr)
		);

	gap: var(--wcag-grid-gap);
}

/*
 * Tablet
 * 768–1023 px
 */
@media (max-width: 1023px) {
	.wp-block-wcag-theme-responsive-grid {
		grid-template-columns:
			repeat(
				var(--wcag-grid-columns-tablet),
				minmax(0, 1fr)
			);
	}
}

/*
 * Telefon
 * do 767 px
 */
@media (max-width: 767px) {
	.wp-block-wcag-theme-responsive-grid {
		grid-template-columns:
			repeat(
				var(--wcag-grid-columns-mobile),
				minmax(0, 1fr)
			);
	}
}

/*
 * Zapobiega rozsadzaniu kolumn przez szeroką treść.
 */
.wp-block-wcag-theme-responsive-grid > * {
	min-width: 0;
}