/* DEFAULT Gutenberg LIST (no custom style)
   Custom orange bullet */
:root :where(ul.wp-block-list:not([class*="is-style-"])) {
	list-style: none;
	padding-left: 0;
}

:root :where(ul.wp-block-list:not([class*="is-style-"]) li) {
	position: relative;
	margin-top: 0.4em;
	padding-left: 20px;
}

:root :where(ul.wp-block-list:not([class*="is-style-"]) li)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FF865C;
}

/* BASE reset for custom list styles */
:root :where(
	ul.wp-block-list.is-style-check,
	ul.wp-block-list.is-style-check-orange,
	ul.wp-block-list.is-style-check-gray,
	ul.wp-block-list.is-style-cross,
	ul.wp-block-list.is-style-storyline
) {
	list-style: none;
	padding-left: 0;
}

/* BASE LI layout for custom list styles */
:root :where(
	ul.wp-block-list.is-style-check li,
	ul.wp-block-list.is-style-check-orange li,
	ul.wp-block-list.is-style-check-gray li,
	ul.wp-block-list.is-style-cross li,
	ul.wp-block-list.is-style-storyline li
) {
	position: relative;
	margin-top: 0.4em;
	padding-left: 32px; /* 20px icon + 12px gap */
}

/* ICON LISTS ONLY (exclude storyline) */
:root :where(
	ul.wp-block-list.is-style-check li,
	ul.wp-block-list.is-style-check-orange li,
	ul.wp-block-list.is-style-check-gray li,
	ul.wp-block-list.is-style-cross li
)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

/* STORYLINE LIST (isolated logic) */
:root :where(ul.wp-block-list.is-style-storyline) {
	position: relative;
}

:root :where(ul.wp-block-list.is-style-storyline)::before {
	content: "";
	position: absolute;
	left: 10px; /* center of 20px icon */
	top: 5%;
	width: 1px;
	height: 90%;
	background: currentColor;
}

:root :where(ul.wp-block-list.is-style-storyline li)::before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}

/* ORDERED LIST (OL) */
:root :where(ol.wp-block-list) {
	padding-left: 2.2em;
}

:root :where(ol.wp-block-list li)::marker {
	content: counter(list-item, decimal-leading-zero) '. ';
	font-weight: 600;
	font-size: 1.1em;
	color: var(--wp--preset--color--accent-3);
}

/* Links inside Gutenberg lists */
:root :where(ul.wp-block-list li a, ol.wp-block-list li a) {
	color: var(--wp--preset--color--accent-3);
	text-decoration: none;
	text-underline-offset: 0.15em;
	text-decoration-thickness: 0.08em;
}

:root :where(ul.wp-block-list li a:hover, ul.wp-block-list li a:focus-visible,
             ol.wp-block-list li a:hover, ol.wp-block-list li a:focus-visible) {
	text-decoration: underline;
}

:root :where(ul.wp-block-list li a:visited, ol.wp-block-list li a:visited) {
	color: var(--wp--preset--color--accent-3);
}