/**
 * Accent-tinted icon — single-color SVG via CSS mask + page eyebrow accent.
 *
 * Set --techbbq-accent-icon-url inline (url('…')) on the element.
 * Color comes from --techbbq-eyebrow-dot-color (Elementor page setting).
 */

.techbbq-accent-icon {
	--techbbq-accent-icon-url: none;

	display: block;
	flex-shrink: 0;
	background-color: var(--techbbq-eyebrow-dot-color, var(--techbbq-content-accent-1));
	-webkit-mask-image: var(--techbbq-accent-icon-url);
	mask-image: var(--techbbq-accent-icon-url);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}