/**
 * MOWOMO Icons — kit stroke (fuente: inc/icons.php).
 *
 * Uso:
 *   PHP:  echo mowomo_icon( 'automation' );
 *   HTML: <span class="mw-icon mw-icon--automation" aria-hidden="true"></span>
 *   SVG:  echo mowomo_icon( 'automation', array( 'mode' => 'svg' ) );
 *   Sprite: <svg class="mw-icon__svg"><use href="#mw-icon-automation"/></svg>
 *
 * Las máscaras por slug (--mw-icon-mask) se inyectan en runtime desde PHP.
 */

.mw-icons-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.mw-icon {
	--mw-icon-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mw-icon-size);
	height: var(--mw-icon-size);
	flex: none;
	line-height: 0;
	color: currentColor;
	vertical-align: middle;
}

/* Modo CSS / icon-font: span vacío pintado con máscara */
.mw-icon:empty {
	background-color: currentColor;
	-webkit-mask: var(--mw-icon-mask) center / contain no-repeat;
	mask: var(--mw-icon-mask) center / contain no-repeat;
}

.mw-icon__svg,
.mw-icon > svg {
	width: 100%;
	height: 100%;
	display: block;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.feature-item .check .mw-icon {
	--mw-icon-size: 14px;
}