/**
 * JetSmartFilters search icon — Font Awesome 4 replacement.
 *
 * The JetSmartFilters search widget uses Elementor's legacy ICON control, which
 * only supports Font Awesome 4, so its magnifying-glass button renders as
 * `<i class="fa fa-search">`. That single glyph forces the entire FA4 webfont
 * (fontawesome.min.css + fontawesome-webfont.woff2, pulled in by JetEngine) to
 * download on pages that show the search filter.
 *
 * This override suppresses the FA4 glyph and paints an inline-SVG magnifying
 * glass via a CSS mask instead, so no webfont is required. The icon inherits the
 * button's current text color and font-size, preserving the original look.
 */

/* Drop the Font Awesome 4 glyph so the FA4 webfont is never requested. */
.jet-search-filter__submit .fa-search::before {
	content: none;
}

/* Paint the search icon as an inline SVG mask, tinted to the current color. */
.jet-search-filter__submit .fa-search {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle; /* center on the line box; inline-block otherwise rides high on the baseline */
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") center / contain no-repeat;
}