/* =============================================================
 * WonderLab Site — content-editor utility classes.
 *
 * Migrated from WP Customizer Additional CSS section 1
 * (.wl-note + .wl-icon). One canonical source going forward.
 * ============================================================= */


/* -------------------------------------------------------------
 * Notice / Note box
 *
 * Used in body content for legal disclaimers, return-policy
 * footnotes, and similar "small print + structured list"
 * surfaces. Gray rule on the left flags it as secondary
 * content vs the main copy above.
 * ------------------------------------------------------------- */
.wl-note {
	font-size: 0.85em;
	font-style: italic;
	line-height: 1.7;
	color: #666;
	background-color: #f8f8fa;
	border-left: 3px solid #ccc;
	padding: 0.8em 1.2em;
	min-width: 100%;
	margin: 1.4em auto;
	border-radius: 0 4px 4px 0;
}

.wl-note strong {
	font-style: normal;
	color: #444;
}

.wl-note ol {
	margin: 0.4em 0 0 0;
	padding-left: 1.4em;
	list-style-type: decimal;
}

.wl-note ol li {
	margin-bottom: 0.3em;
}


/* -------------------------------------------------------------
 * Inline Divi icon helper
 *
 * Renders an ETmodules glyph inline with body copy. Picks up the
 * surrounding text colour via `color: inherit`.
 * ------------------------------------------------------------- */
.wl-icon {
	font-family: 'ETmodules';
	font-size: 12px !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
	margin: 0 2px;
	color: inherit;
}