/**
 * Icon List (V4 / Atomic) widget styles.
 *
 * Kept in a plain stylesheet (rather than atomic base styles) so the editor
 * shows no default values on the widget; sizing comes from the design
 * system's variables. Selectors are single-class so any style-tab override
 * (.elementor .e-xxx) wins on specificity.
 */

.scw-icon-list-base {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
}

.scw-icon-list-item {
	display: flex;
	align-items: flex-start;
	gap: var(--list-icon-gap);
}

/* 1lh tall so the inline SVG (100% x 100%, aspect-ratio preserved) centres
   on the first line of wrapped text, like the design system's icon mask. */
.scw-icon-list-icon {
	display: inline-flex;
	width: var(--list-icon-size);
	min-width: var(--list-icon-size);
	height: 1lh;
}