/**
 * TinyMCE list styles — static (no Sass build required).
 * Loaded in the editor iframe and on the front end.
 * Check icon path is relative to this file under css/static/.
 */

/* Accent checkmarks (Advanced List → Checks + legacy .list-checks) */
.wysiwyg ul[style*="list-style-type: checks"] > li:not(.gfield),
.wysiwyg ul[style*="list-style-type:checks"] > li:not(.gfield),
.wysiwyg ul.list-checks > li:not(.gfield),
ul.list-checks > li,
ul[style*="list-style-type: checks"] > li,
ul[style*="list-style-type:checks"] > li {
	list-style: none;
	margin: 0 0 1.5rem 2rem;
	padding-left: 1.5rem;
	position: relative;
}

.wysiwyg ul[style*="list-style-type: checks"],
.wysiwyg ul[style*="list-style-type:checks"],
.wysiwyg ul.list-checks,
ul.list-checks,
ul[style*="list-style-type: checks"],
ul[style*="list-style-type:checks"] {
	list-style: none;
	padding-left: 0;
}

.wysiwyg ul[style*="list-style-type: checks"] > li:not(.gfield)::before,
.wysiwyg ul[style*="list-style-type:checks"] > li:not(.gfield)::before,
.wysiwyg ul.list-checks > li:not(.gfield)::before,
ul.list-checks > li::before,
ul[style*="list-style-type: checks"] > li::before,
ul[style*="list-style-type:checks"] > li::before {
	background-color: #3a69ff;
	content: "";
	display: block;
	height: 2.8rem;
	left: -24px;
	mask: url(../../media/svg/general/check.svg) no-repeat 50% 50%;
	-webkit-mask: url(../../media/svg/general/check.svg) no-repeat 50% 50%;
	mask-size: contain;
	-webkit-mask-size: contain;
	position: absolute;
	top: 0;
	width: 2.8rem;
}

/* Native bullet styles — accent markers */
ul[style*="list-style-type: circle"],
ul[style*="list-style-type:circle"],
ul[style*="list-style-type: disc"],
ul[style*="list-style-type:disc"],
ul[style*="list-style-type: square"],
ul[style*="list-style-type:square"] {
	list-style-position: outside;
	padding-left: 1.5rem;
}

ul[style*="list-style-type: circle"] > li,
ul[style*="list-style-type:circle"] > li,
ul[style*="list-style-type: disc"] > li,
ul[style*="list-style-type:disc"] > li,
ul[style*="list-style-type: square"] > li,
ul[style*="list-style-type:square"] > li {
	margin-left: 0;
	padding-left: 0.25rem;
}

ul[style*="list-style-type: circle"] > li::marker,
ul[style*="list-style-type:circle"] > li::marker,
ul[style*="list-style-type: disc"] > li::marker,
ul[style*="list-style-type:disc"] > li::marker,
ul[style*="list-style-type: square"] > li::marker,
ul[style*="list-style-type:square"] > li::marker {
	color: #3a69ff;
}