/**
 * DCU Content List Style - tunables.
 *
 * Only the values live here. The rules themselves are emitted by
 * dcu-content-list-style.php, because the selector has to be built from the
 * (filterable) exclusion lists and CSS cannot parameterise a selector.
 *
 * The emitted rules look like this:
 *
 *   #content .page-content ul:not(<exclusions>)             { padding-inline-start: 0 }
 *   #content .page-content ul:not(<exclusions>) > li         { hanging indent }
 *   #content .page-content ul:not(<exclusions>) > li::before { the square }
 *
 * The square mirrors the Essential Addons feature lists (e.g. Remote Hands):
 * a 10px block in the coral global colour, so prose lists and feature lists
 * read as one style.
 *
 * Want the lists to keep the browser's default indent instead of sitting flush
 * with the surrounding paragraphs? Set --dcu-list-padding to 40px.
 */

:root {
	/* Same Elementor global colour the feature lists use. */
	--dcu-list-marker-color: var(--e-global-color-b383364, #FF7061);

	/* Same size as the feature list icon box. */
	--dcu-list-marker-size: 10px;

	/* Centres the square on the first line of text, whatever the line-height. */
	--dcu-list-marker-offset: calc(0.5lh - var(--dcu-list-marker-size) / 2);

	/* Space reserved for the marker. Wrapped lines align under the text,
	   not under the marker. */
	--dcu-list-indent: calc(var(--dcu-list-marker-size) + 10px);

	/* Vertical rhythm between items. */
	--dcu-list-gap: 0.45em;

	/* The <ul>'s own left padding. 0 lines the squares up with the
	   surrounding paragraphs; set 40px to restore the browser default indent. */
	--dcu-list-padding: 0;
}