/*
 * Style dla natywnego bloku Lista (core/list):
 * - kolumny: 2 / 3
 * - czerwone kropki MUSI
 */

.wp-block-list.is-style-musi-list-2cols {
	column-count: 2;
	column-gap: 32px;
}

.wp-block-list.is-style-musi-list-3cols {
	column-count: 3;
	column-gap: 28px;
}

.wp-block-list.is-style-musi-list-2cols li,
.wp-block-list.is-style-musi-list-3cols li {
	break-inside: avoid;
}

.wp-block-list.is-style-musi-list-red-dots,
.wp-block-list.is-style-musi-list-red-dots-2cols,
.wp-block-list.is-style-musi-list-red-dots-3cols {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-musi-list-red-dots li,
.wp-block-list.is-style-musi-list-red-dots-2cols li,
.wp-block-list.is-style-musi-list-red-dots-3cols li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.wp-block-list.is-style-musi-list-red-dots li::before,
.wp-block-list.is-style-musi-list-red-dots-2cols li::before,
.wp-block-list.is-style-musi-list-red-dots-3cols li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--musi-red, #e3242b);
	margin-top: 8px;
	flex: 0 0 auto;
}

.wp-block-list.is-style-musi-list-red-dots-2cols {
	column-count: 2;
	column-gap: 32px;
}

.wp-block-list.is-style-musi-list-red-dots-3cols {
	column-count: 3;
	column-gap: 28px;
}

.wp-block-list.is-style-musi-list-red-dots-2cols li,
.wp-block-list.is-style-musi-list-red-dots-3cols li {
	break-inside: avoid;
}

@media (max-width: 900px) {
	.wp-block-list.is-style-musi-list-2cols,
	.wp-block-list.is-style-musi-list-3cols,
	.wp-block-list.is-style-musi-list-red-dots-2cols,
	.wp-block-list.is-style-musi-list-red-dots-3cols {
		column-count: 1;
	}
}