/* Custom List block bullet styles — selectable from the block editor's Styles panel.
   Uses the direct-child combinator (>) so the style only applies to the outer level —
   nested sub-lists keep their normal default bullets, for visual hierarchy. */

.wp-block-list.is-style-checkmarks > li {
	list-style-type: "\2713\2002";
}

.wp-block-list.is-style-arrow-list > li {
	list-style-type: "\2192\2002";
}

.wp-block-list.is-style-square-bullets > li {
	list-style-type: "\25A0\2002";
}

.wp-block-list.is-style-dash-list > li {
	list-style-type: "\2013\2002";
}

.wp-block-list.is-style-open-circle > li {
	list-style-type: circle;
}

/* Shape + indent together, for a standalone list that should look like a nested
   sub-item even though it isn't structurally nested under anything. */
.wp-block-list.is-style-open-circle-indented > li {
	list-style-type: circle;
}
.wp-block-list.is-style-open-circle-indented {
	margin-left: 2.5em;
}

/* Utility class for any block (image, paragraph, etc.) that needs to visually line up
   under a bullet point — since images/other blocks can't actually live inside a List
   block, this just matches the standard ~40px list indent so it looks like it belongs.
   !important because image blocks commonly have their own centering rule (often a
   shorthand like "margin: 0 auto"). margin-right is pinned to 0 too, otherwise the
   "auto" from that shorthand stays in effect on the right and cancels out the shift
   instead of actually moving the image over. */
.win-indent-under-bullet {
	margin-left: 2.5em !important;
	margin-right: 0 !important;
}

/* Same thing, but as a clickable Style option (selectable from the Styles panel, no
   class name to remember) for blocks that support Block Styles, like Image. */
.wp-block-image.is-style-indent-under-bullet,
.wp-block-paragraph.is-style-indent-under-bullet,
.is-style-indent-under-bullet {
	margin-left: 2.5em !important;
	margin-right: 0 !important;
}