/**
 * Liste Gutenberg (core/list) — puces ECHM
 * Coche : Figma Icon List (11375:4619 / 11375:4620)
 * Carré : variante carrée
 */

.wp-block-list.abm-list-style-check,
.wp-block-list.abm-list-style-square {
	--abm-list-bullet-color: #77c99d;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.wp-block-list.abm-list-style-check > li,
.wp-block-list.abm-list-style-square > li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.wp-block-list.abm-list-style-check > li::marker,
.wp-block-list.abm-list-style-square > li::marker {
	content: none;
}

.wp-block-list.abm-list-style-check > li:last-child,
.wp-block-list.abm-list-style-square > li:last-child {
	margin-bottom: 0;
}

/* Coche — export Figma 11375:4620 (20×20, gap 10px) */

.wp-block-list.abm-list-style-check > li::before {
	content: '';
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	background-color: var(--abm-list-bullet-color);
	-webkit-mask-image: url('../img/icons/list-check-bullet.svg');
	mask-image: url('../img/icons/list-check-bullet.svg');
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* Carré */

.wp-block-list.abm-list-style-square > li::before {
	content: '';
	display: block;
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	margin-top: 8px;
	background-color: var(--abm-list-bullet-color);
}

.editor-styles-wrapper .wp-block-list.abm-list-style-check,
.editor-styles-wrapper .wp-block-list.abm-list-style-square {
	list-style: none;
}

.editor-styles-wrapper .wp-block-list.abm-list-style-check > li,
.editor-styles-wrapper .wp-block-list.abm-list-style-square > li {
	list-style: none;
}