/*
 * Lumo widget icons — flat light tiles, square corners.
 *
 * Soft pastel background + purple glyph; only the glyph changes per widget.
 */

.lumo-icon {
	--lumo-icon-bg: #faf5ff;
	--lumo-icon-border: #f3e8ff;
	--lumo-icon-glyph: #9333ea;
	position: relative;
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: -0.2em;
	flex-shrink: 0;
	border-radius: 0;
	background: var(--lumo-icon-bg);
	border: 1px solid var(--lumo-icon-border);
	box-shadow: none;
	overflow: hidden;
}

.lumo-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--lumo-icon-glyph);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 62% 62%;
	mask-size: 62% 62%;
}

/* Brand — Lumo sparkle mark (category + links). */
.lumo-icon--brand::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.5L19 10l-5.2 1.5L12 17l-1.8-5.5L5 10l5.2-1.5z'/%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='1.6' opacity='.35'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.5L19 10l-5.2 1.5L12 17l-1.8-5.5L5 10l5.2-1.5z'/%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='1.6' opacity='.35'/%3E%3C/svg%3E");
}

/* Section — layered blocks. */
.lumo-icon--section::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='6' rx='1.5'/%3E%3Crect x='4' y='12' width='10' height='8' rx='1.5'/%3E%3Cpath d='M18 14v6M15 17h6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='6' rx='1.5'/%3E%3Crect x='4' y='12' width='10' height='8' rx='1.5'/%3E%3Cpath d='M18 14v6M15 17h6'/%3E%3C/svg%3E");
}

/* Animated Headline — underlined "A" letter with sparkle. */
.lumo-icon--animated-headline::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 L9.5 6 L14 19 M6.8 14h5.4'/%3E%3Cpath d='M3 21 C 8 19, 14 19, 18 21' stroke-width='1.6'/%3E%3Cpath d='M17 4 l1 2 2 1 -2 1 -1 2 -1 -2 -2 -1 2 -1 z' stroke-width='1.4'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 L9.5 6 L14 19 M6.8 14h5.4'/%3E%3Cpath d='M3 21 C 8 19, 14 19, 18 21' stroke-width='1.6'/%3E%3Cpath d='M17 4 l1 2 2 1 -2 1 -1 2 -1 -2 -2 -1 2 -1 z' stroke-width='1.4'/%3E%3C/svg%3E");
}

/* Listing Grid — 2×3 grid of cards. */
.lumo-icon--listing-grid::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8' rx='1.5'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1.5'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1.5'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8' rx='1.5'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1.5'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1.5'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1.5'/%3E%3C/svg%3E");
}

/* Share Buttons — share / fork glyph (one node branching to three). */
.lumo-icon--share-buttons::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.6'/%3E%3Ccircle cx='18' cy='5.5' r='2.6'/%3E%3Ccircle cx='18' cy='18.5' r='2.6'/%3E%3Cpath d='M8.3 10.8 l7.4 -4'/%3E%3Cpath d='M8.3 13.2 l7.4 4'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.6'/%3E%3Ccircle cx='18' cy='5.5' r='2.6'/%3E%3Ccircle cx='18' cy='18.5' r='2.6'/%3E%3Cpath d='M8.3 10.8 l7.4 -4'/%3E%3Cpath d='M8.3 13.2 l7.4 4'/%3E%3C/svg%3E");
}

/* Loop Carousel — three cards in a row with side chevrons. */
.lumo-icon--loop-carousel::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 l2 -2'/%3E%3Cpath d='M3 12 l2 2'/%3E%3Crect x='7' y='6' width='4' height='12' rx='1.2'/%3E%3Crect x='13' y='6' width='4' height='12' rx='1.2'/%3E%3Crect x='19' y='8' width='3' height='8' rx='1.2'/%3E%3Cpath d='M21 12 l-2 -2'/%3E%3Cpath d='M21 12 l-2 2'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 l2 -2'/%3E%3Cpath d='M3 12 l2 2'/%3E%3Crect x='7' y='6' width='4' height='12' rx='1.2'/%3E%3Crect x='13' y='6' width='4' height='12' rx='1.2'/%3E%3Crect x='19' y='8' width='3' height='8' rx='1.2'/%3E%3Cpath d='M21 12 l-2 -2'/%3E%3Cpath d='M21 12 l-2 2'/%3E%3C/svg%3E");
}

/* Loop Grid — repeating cards with a chevron-down indicating "more". */
.lumo-icon--loop-grid::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='6' rx='1.4'/%3E%3Crect x='13' y='3' width='8' height='6' rx='1.4'/%3E%3Crect x='3' y='11' width='8' height='6' rx='1.4'/%3E%3Crect x='13' y='11' width='8' height='6' rx='1.4'/%3E%3Cpath d='M9 21 l3 -2 3 2'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='6' rx='1.4'/%3E%3Crect x='13' y='3' width='8' height='6' rx='1.4'/%3E%3Crect x='3' y='11' width='8' height='6' rx='1.4'/%3E%3Crect x='13' y='11' width='8' height='6' rx='1.4'/%3E%3Cpath d='M9 21 l3 -2 3 2'/%3E%3C/svg%3E");
}

/* Listing Filters — funnel + slider knobs. */
.lumo-icon--listing-filters::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5 h16 l-6 8 v6 l-4 -2 v-4 z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5 h16 l-6 8 v6 l-4 -2 v-4 z'/%3E%3C/svg%3E");
}

/* Menu — three horizontal lines with a small drop arrow. */
.lumo-icon--menu::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h12'/%3E%3Cpath d='M17 12l3 3 3 -3' stroke-width='1.6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h12'/%3E%3Cpath d='M17 12l3 3 3 -3' stroke-width='1.6'/%3E%3C/svg%3E");
}

/* Form — clipboard with input lines + check mark. */
.lumo-icon--form::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='1.5'/%3E%3Cpath d='M7 9h6M7 12h10M7 15h7'/%3E%3Cpath d='M15 18l1.5 1.5L20 16' stroke-width='1.6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='1.5'/%3E%3Cpath d='M7 9h6M7 12h10M7 15h7'/%3E%3Cpath d='M15 18l1.5 1.5L20 16' stroke-width='1.6'/%3E%3C/svg%3E");
}

/* Flip Box — card with flip arc. */
.lumo-icon--flip-box::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='8' height='14' rx='1.5'/%3E%3Crect x='11' y='5' width='8' height='14' rx='1.5' opacity='.55'/%3E%3Cpath d='M12 9v6M9.5 11.5 12 9l2.5 2.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='8' height='14' rx='1.5'/%3E%3Crect x='11' y='5' width='8' height='14' rx='1.5' opacity='.55'/%3E%3Cpath d='M12 9v6M9.5 11.5 12 9l2.5 2.5'/%3E%3C/svg%3E");
}

/* Tabs — three tab headers with active underline + content panel. */
.lumo-icon--tabs::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='5' height='4' rx='1'/%3E%3Crect x='9.5' y='4.5' width='5' height='3.5' rx='1' opacity='.55'/%3E%3Crect x='16' y='4.5' width='5' height='3.5' rx='1' opacity='.55'/%3E%3Cpath d='M4 8.5h3' stroke-width='2'/%3E%3Crect x='3' y='10' width='18' height='10' rx='1.5'/%3E%3Cpath d='M6 14h12M6 17h8' stroke-width='1.4'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='5' height='4' rx='1'/%3E%3Crect x='9.5' y='4.5' width='5' height='3.5' rx='1' opacity='.55'/%3E%3Crect x='16' y='4.5' width='5' height='3.5' rx='1' opacity='.55'/%3E%3Cpath d='M4 8.5h3' stroke-width='2'/%3E%3Crect x='3' y='10' width='18' height='10' rx='1.5'/%3E%3Cpath d='M6 14h12M6 17h8' stroke-width='1.4'/%3E%3C/svg%3E");
}

/* Text Block — paragraph lines with fade + expand chevron. */
.lumo-icon--text-block::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 10h16M4 14h10'/%3E%3Cpath d='M16 16.5l2.5 2.5L21 16.5'/%3E%3Cpath d='M18.5 19v-5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 10h16M4 14h10'/%3E%3Cpath d='M16 16.5l2.5 2.5L21 16.5'/%3E%3Cpath d='M18.5 19v-5'/%3E%3C/svg%3E");
}

/* Alert — notice banner with accent bar + info mark. */
.lumo-icon--alert::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 5v14' stroke-width='3'/%3E%3Ccircle cx='9' cy='12' r='1.6' fill='%23000' stroke='none'/%3E%3Cpath d='M13 10h6M13 14h4'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 5v14' stroke-width='3'/%3E%3Ccircle cx='9' cy='12' r='1.6' fill='%23000' stroke='none'/%3E%3Cpath d='M13 10h6M13 14h4'/%3E%3C/svg%3E");
}

/* Post Comments — speech bubbles. */
.lumo-icon--post-comments::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
}

/* Post Title — H glyph. */
.lumo-icon--theme-post-title::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 4v16M18 4v16M6 12h12'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 4v16M18 4v16M6 12h12'/%3E%3C/svg%3E");
}

/* Featured Image — frame. */
.lumo-icon--theme-post-featured-image::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='M21 16l-5-5-7 7'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='M21 16l-5-5-7 7'/%3E%3C/svg%3E");
}

/* Post Excerpt — short lines. */
.lumo-icon--theme-post-excerpt::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h12M4 17h8'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h12M4 17h8'/%3E%3C/svg%3E");
}

/* Post Content — dense lines. */
.lumo-icon--theme-post-content::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 5h16M4 9h16M4 13h16M4 17h10'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 5h16M4 9h16M4 13h16M4 17h10'/%3E%3C/svg%3E");
}

/* Post Info — list dots. */
.lumo-icon--post-info::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='7' r='1.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='6' cy='12' r='1.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='6' cy='17' r='1.2' fill='%23000' stroke='none'/%3E%3Cpath d='M10 7h10M10 12h10M10 17h10'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='7' r='1.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='6' cy='12' r='1.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='6' cy='17' r='1.2' fill='%23000' stroke='none'/%3E%3Cpath d='M10 7h10M10 12h10M10 17h10'/%3E%3C/svg%3E");
}

/* Post Navigation — arrows. */
.lumo-icon--post-navigation::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12H3l3-3M3 12l3 3M16 12h5l-3-3M21 12l-3 3'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12H3l3-3M3 12l3 3M16 12h5l-3-3M21 12l-3 3'/%3E%3C/svg%3E");
}

/* Author Box — user. */
.lumo-icon--author-box::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19c1.5-3.2 4-4.8 7-4.8S17.5 15.8 19 19'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19c1.5-3.2 4-4.8 7-4.8S17.5 15.8 19 19'/%3E%3C/svg%3E");
}

/* Breadcrumbs — chevron path. */
.lumo-icon--breadcrumbs::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3l2.5-5L14 17l2.5-5H20'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3l2.5-5L14 17l2.5-5H20'/%3E%3C/svg%3E");
}

/* Site Logo — mark + wordmark. */
.lumo-icon--site-logo::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2.5'/%3E%3Ccircle cx='9' cy='12' r='2.4'/%3E%3Cpath d='M13.5 10.5 h5 M13.5 13.5 h3.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2.5'/%3E%3Ccircle cx='9' cy='12' r='2.4'/%3E%3Cpath d='M13.5 10.5 h5 M13.5 13.5 h3.5'/%3E%3C/svg%3E");
}

/* Music Player — note + play. */
.lumo-icon--music-player::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='18' r='2.5'/%3E%3Ccircle cx='17' cy='16' r='2.5'/%3E%3Cpath d='M11.5 18 V7 l8 -2 v11'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='18' r='2.5'/%3E%3Ccircle cx='17' cy='16' r='2.5'/%3E%3Cpath d='M11.5 18 V7 l8 -2 v11'/%3E%3C/svg%3E");
}

/* Search — magnifying glass. */
.lumo-icon--search::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20 l-3.5 -3.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20 l-3.5 -3.5'/%3E%3C/svg%3E");
}

/* Login Form — user badge + keyhole. */
.lumo-icon--login::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19 c0 -3.2 2.5 -5.5 5.5 -5.5 s5.5 2.3 5.5 5.5'/%3E%3Cpath d='M16 11.5 h5 M18.5 9 v5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19 c0 -3.2 2.5 -5.5 5.5 -5.5 s5.5 2.3 5.5 5.5'/%3E%3Cpath d='M16 11.5 h5 M18.5 9 v5'/%3E%3C/svg%3E");
}

/* Dynamic Field — curly braces around a value line (meta / token). */
.lumo-icon--dynamic-field::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6 C6 6 5 8.2 5 10.5 S6 15 8 15'/%3E%3Cpath d='M16 6 C18 6 19 8.2 19 10.5 S18 15 16 15'/%3E%3Cpath d='M10 12 h4'/%3E%3Cpath d='M12 16 v2'/%3E%3Ccircle cx='12' cy='19.5' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6 C6 6 5 8.2 5 10.5 S6 15 8 15'/%3E%3Cpath d='M16 6 C18 6 19 8.2 19 10.5 S18 15 16 15'/%3E%3Cpath d='M10 12 h4'/%3E%3Cpath d='M12 16 v2'/%3E%3Ccircle cx='12' cy='19.5' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}

/* Header — browser chrome strip. */
.lumo-icon--header::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Ccircle cx='7' cy='7' r='.8' fill='%23000' stroke='none'/%3E%3Ccircle cx='10' cy='7' r='.8' fill='%23000' stroke='none'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Ccircle cx='7' cy='7' r='.8' fill='%23000' stroke='none'/%3E%3Ccircle cx='10' cy='7' r='.8' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}

/* Footer — column grid. */
.lumo-icon--footer::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 12h18M8 12v8M16 12v8'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 12h18M8 12v8M16 12v8'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------
 * Lumo WooCommerce widget icons
 *
 * Uses the purple glyph color from the Pro Toolkit palette, shared with the
 * "Lumo WP" set so the whole panel reads as one brand colour.
 * ------------------------------------------------------------------ */

.lumo-icon--woo-brand,
.lumo-icon--woo-title,
.lumo-icon--woo-images,
.lumo-icon--woo-price,
.lumo-icon--woo-add-to-cart,
.lumo-icon--woo-rating,
.lumo-icon--woo-short-desc,
.lumo-icon--woo-meta,
.lumo-icon--woo-tabs,
.lumo-icon--woo-stock,
.lumo-icon--woo-related,
.lumo-icon--woo-cart,
.lumo-icon--woo-menu-cart,
.lumo-icon--woo-checkout {
	--lumo-icon-bg: #faf5ff;
	--lumo-icon-border: #e9d5ff;
	--lumo-icon-glyph: #9333ea;
}

/* Brand — shopping bag with star. */
.lumo-icon--woo-brand::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1 13H6L5 7z'/%3E%3Cpath d='M9 7V5a3 3 0 016 0v2'/%3E%3Cpath d='M12 11l1 2 2 .3-1.5 1.4.4 2.1L12 15.8 10.1 16.8l.4-2.1L9 13.3l2-.3z' stroke-width='1.2'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1 13H6L5 7z'/%3E%3Cpath d='M9 7V5a3 3 0 016 0v2'/%3E%3Cpath d='M12 11l1 2 2 .3-1.5 1.4.4 2.1L12 15.8 10.1 16.8l.4-2.1L9 13.3l2-.3z' stroke-width='1.2'/%3E%3C/svg%3E");
}

/* Product Title — bold capital "T" inside a tag shape. */
.lumo-icon--woo-title::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h13l5 5v11H3z'/%3E%3Cpath d='M7 9h10M12 9v9' stroke-width='2.2'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h13l5 5v11H3z'/%3E%3Cpath d='M7 9h10M12 9v9' stroke-width='2.2'/%3E%3C/svg%3E");
}

/* Product Images — main photo with two thumbs. */
.lumo-icon--woo-images::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='13' height='13' rx='1.5'/%3E%3Cpath d='M6 13l3-3 3 3 2-2 2 2'/%3E%3Ccircle cx='12' cy='8' r='1.2' fill='%23000' stroke='none'/%3E%3Crect x='18' y='4' width='3' height='5' rx='1'/%3E%3Crect x='18' y='11' width='3' height='6' rx='1'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='13' height='13' rx='1.5'/%3E%3Cpath d='M6 13l3-3 3 3 2-2 2 2'/%3E%3Ccircle cx='12' cy='8' r='1.2' fill='%23000' stroke='none'/%3E%3Crect x='18' y='4' width='3' height='5' rx='1'/%3E%3Crect x='18' y='11' width='3' height='6' rx='1'/%3E%3C/svg%3E");
}

/* Product Price — dollar in a tag. */
.lumo-icon--woo-price::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 L12 3 h9 v9 L12 21 z'/%3E%3Ccircle cx='8' cy='8' r='1.3' fill='%23000' stroke='none'/%3E%3Cpath d='M14 10c-1-1-3-1-3 0s4 1 4 2.5-2 2-3 1M12.5 8v6' stroke-width='1.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 L12 3 h9 v9 L12 21 z'/%3E%3Ccircle cx='8' cy='8' r='1.3' fill='%23000' stroke='none'/%3E%3Cpath d='M14 10c-1-1-3-1-3 0s4 1 4 2.5-2 2-3 1M12.5 8v6' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Product Add to Cart — cart with plus. */
.lumo-icon--woo-add-to-cart::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2 11h12l2-8H7'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3Cpath d='M13 7v5M10.5 9.5h5' stroke-width='1.6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2 11h12l2-8H7'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3Cpath d='M13 7v5M10.5 9.5h5' stroke-width='1.6'/%3E%3C/svg%3E");
}

/* Product Rating — single solid star. */
.lumo-icon--woo-rating::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.4L20 9.2l-4 3.9 1 5.7L12 16.1l-5 2.7 1-5.7-4-3.9 5.4-.8z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.4L20 9.2l-4 3.9 1 5.7L12 16.1l-5 2.7 1-5.7-4-3.9 5.4-.8z'/%3E%3C/svg%3E");
}

/* Product Short Description — short text lines. */
.lumo-icon--woo-short-desc::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M6 9h12M6 13h8M6 17h6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M6 9h12M6 13h8M6 17h6'/%3E%3C/svg%3E");
}

/* Product Meta — info badge with key-value pairs. */
.lumo-icon--woo-meta::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6 L12 3 L21 6 L21 18 L12 21 L3 18 z'/%3E%3Cpath d='M7 9h4M7 12h6M7 15h3' stroke-width='1.5'/%3E%3Ccircle cx='17' cy='12' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6 L12 3 L21 6 L21 18 L12 21 L3 18 z'/%3E%3Cpath d='M7 9h4M7 12h6M7 15h3' stroke-width='1.5'/%3E%3Ccircle cx='17' cy='12' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}

/* Product Data Tabs — three tab headers. */
.lumo-icon--woo-tabs::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h6V5h12v15H3z'/%3E%3Cpath d='M3 9V5h6'/%3E%3Cpath d='M6 13h12M6 16h8M6 19h6' stroke-width='1.4'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h6V5h12v15H3z'/%3E%3Cpath d='M3 9V5h6'/%3E%3Cpath d='M6 13h12M6 16h8M6 19h6' stroke-width='1.4'/%3E%3C/svg%3E");
}

/* Product Stock — box with checkmark. */
.lumo-icon--woo-stock::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10' stroke-width='1.4'/%3E%3Cpath d='M9 15l1.6 1.6L14 13.5' stroke-width='1.7'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10' stroke-width='1.4'/%3E%3Cpath d='M9 15l1.6 1.6L14 13.5' stroke-width='1.7'/%3E%3C/svg%3E");
}

/* Product Related — grid of three cards with arrow. */
.lumo-icon--woo-related::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3'  y='9' width='5' height='10' rx='1'/%3E%3Crect x='9.5' y='9' width='5' height='10' rx='1'/%3E%3Crect x='16' y='9' width='5' height='10' rx='1'/%3E%3Cpath d='M6 6 q6 -4 12 0' stroke-width='1.5'/%3E%3Cpath d='M16 4 l2 2 -2 2' stroke-width='1.5'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3'  y='9' width='5' height='10' rx='1'/%3E%3Crect x='9.5' y='9' width='5' height='10' rx='1'/%3E%3Crect x='16' y='9' width='5' height='10' rx='1'/%3E%3Cpath d='M6 6 q6 -4 12 0' stroke-width='1.5'/%3E%3Cpath d='M16 4 l2 2 -2 2' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Cart — trolley with three line items. */
.lumo-icon--woo-cart::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4H5l2.2 10.5h11L20.5 7H7'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17.5' cy='19' r='1.5'/%3E%3Cpath d='M10 10h8M10.5 12.5h6' stroke-width='1.3'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4H5l2.2 10.5h11L20.5 7H7'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17.5' cy='19' r='1.5'/%3E%3Cpath d='M10 10h8M10.5 12.5h6' stroke-width='1.3'/%3E%3C/svg%3E");
}

/* Menu Cart — bag with a counter bubble. */
.lumo-icon--woo-menu-cart::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h10l.6 11.5a1.8 1.8 0 01-1.8 1.9H6.2a1.8 1.8 0 01-1.8-1.9L5 8z'/%3E%3Cpath d='M8 8V6.6a2.5 2.5 0 015 0V8'/%3E%3Ccircle cx='18.5' cy='6.5' r='3.2'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h10l.6 11.5a1.8 1.8 0 01-1.8 1.9H6.2a1.8 1.8 0 01-1.8-1.9L5 8z'/%3E%3Cpath d='M8 8V6.6a2.5 2.5 0 015 0V8'/%3E%3Ccircle cx='18.5' cy='6.5' r='3.2'/%3E%3C/svg%3E");
}

/* Checkout — form panel with a card and a confirmed line. */
.lumo-icon--woo-checkout::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='11' height='18' rx='2'/%3E%3Cpath d='M6 7h5M6 10.5h5M6 14h3' stroke-width='1.4'/%3E%3Crect x='13.5' y='11' width='7.5' height='5.5' rx='1.2'/%3E%3Cpath d='M13.5 13.2h7.5' stroke-width='1.3'/%3E%3Cpath d='M15.5 19.5l1.4 1.4L20.5 18' stroke-width='1.6'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='11' height='18' rx='2'/%3E%3Cpath d='M6 7h5M6 10.5h5M6 14h3' stroke-width='1.4'/%3E%3Crect x='13.5' y='11' width='7.5' height='5.5' rx='1.2'/%3E%3Cpath d='M13.5 13.2h7.5' stroke-width='1.3'/%3E%3Cpath d='M15.5 19.5l1.4 1.4L20.5 18' stroke-width='1.6'/%3E%3C/svg%3E");
}

/* Lumo WooCommerce panel category — purple chip. */
#elementor-panel-elements .elementor-panel-categories-tabs [data-category="lumo-woocommerce"] {
	background: #faf5ff !important;
	color: #7e22ce !important;
	border: 1px solid #e9d5ff;
	font-weight: 600;
}

#elementor-panel-elements .elementor-panel-categories-tabs [data-category="lumo-woocommerce"] .lumo-icon {
	width: 18px;
	height: 18px;
	border-radius: 0;
	margin-inline-end: 4px;
	vertical-align: -3px;
}

/* Template — layout grid document. */
.lumo-icon--template::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h5M8 15h8'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h5M8 15h8'/%3E%3C/svg%3E");
}

/* Larger sizes (admin cards, empty states). */
.lumo-icon[style*="font-size"],
.lpt-picker__empty-icon,
.lpt-section-empty__icon .lumo-icon {
	width: 1em;
	height: 1em;
	border-radius: 0;
}

/* ------------------------------------------------------------------
 * Elementor panel
 * ------------------------------------------------------------------ */

.elementor-panel-category-items .elementor-element[data-element_type="widget"] .icon i.lumo-icon,
.elementor-panel-category-items .elementor-element .title-area i.lumo-icon {
	width: 28px;
	height: 28px;
	border-radius: 0;
	color: transparent;
	background-color: transparent;
}

#elementor-panel-elements
	.elementor-element[class*="lumo-"]
	> .elementor-element-wrapper
	> .icon {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#elementor-panel-elements
	.elementor-element[class*="lumo-"]
	> .elementor-element-wrapper
	> .icon
	i.lumo-icon {
	width: 30px;
	height: 30px;
	border-radius: 0;
}

#elementor-panel-elements
	.elementor-element[class*="lumo-"]:hover
	> .elementor-element-wrapper
	> .icon {
	border-color: #e9d5ff;
	background: #fff;
	box-shadow: none;
}

/* Category tab chip — light blue family. */
#elementor-panel-elements .elementor-panel-categories-tabs [data-category="lumo-wp"] {
	background: #faf5ff !important;
	color: #6b21a8 !important;
	border: 1px solid #f3e8ff;
	font-weight: 600;
}

#elementor-panel-elements .elementor-panel-categories-tabs [data-category="lumo-wp"] .lumo-icon {
	width: 18px;
	height: 18px;
	border-radius: 0;
	margin-inline-end: 4px;
	vertical-align: -3px;
}