/**
 * 旧テーマ互換：check-list
 *
 * このCSSは、meri_legacy_check_list_enabled が有効な場合だけ
 * PHP側から読み込まれる。bodyクラスには依存しない。
 */

.post_content .check-list {
	margin: 1.25em 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

.post_content .check-list > li {
	position: relative !important;
	margin: 0 0 var(--meri-legacy-check-gap, 12px) !important;
	padding-left:
		calc(var(--meri-legacy-check-size, 18px) + 13px)
		!important;
	list-style: none !important;
}

.post_content .check-list > li:last-child {
	margin-bottom: 0 !important;
}

.post_content .check-list > li::marker {
	content: "" !important;
}

.post_content .check-list > li::before {
	position: absolute !important;
	top: 0.22em !important;
	left: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: var(--meri-legacy-check-size, 18px) !important;
	height: var(--meri-legacy-check-size, 18px) !important;
	margin: 0 !important;
	padding: 0 !important;
	background:
		var(--meri-legacy-check-bg, #ffffff)
		!important;
	border:
		1px solid
		var(--meri-legacy-check-border, #d6c06c)
		!important;
	border-radius: 2px !important;
	color:
		var(--meri-legacy-check-color, #b69a38)
		!important;
	font-family: Arial, sans-serif !important;
	font-size:
		calc(var(--meri-legacy-check-size, 18px) * 0.82)
		!important;
	font-weight: 700 !important;
	line-height: 1 !important;
	content: "✓" !important;
}