/*
 * Child-owned fallbacks for structural Zephyr icons.
 *
 * Zephyr's CSS writes Material ligature names into these pseudo-elements even
 * when the Material icon set is disabled. Resetting the generated content
 * prevents strings such as `keyboard_arrow_right` from reaching the page.
 */
body.mt-icon-set-material-disabled .l-popup-arrow.to_next::before,
body.mt-icon-set-material-disabled .l-popup-arrow.to_prev::before,
body.mt-icon-set-material-disabled .l-popup-closer::before,
body.mt-icon-set-material-disabled .mfp-arrow::before,
body.mt-icon-set-material-disabled .mfp-container::after,
body.mt-icon-set-material-disabled .owl-next::after,
body.mt-icon-set-material-disabled .owl-prev::after,
body.mt-icon-set-material-disabled .pagination .page-numbers.next::after,
body.mt-icon-set-material-disabled .pagination .page-numbers.prev::after,
body.mt-icon-set-material-disabled .paging_simple .paginate_button.next::after,
body.mt-icon-set-material-disabled .paging_simple .paginate_button.previous::before,
body.mt-icon-set-material-disabled .post_navigation .order_first .post_navigation-item-arrow::before,
body.mt-icon-set-material-disabled .post_navigation .order_second .post_navigation-item-arrow::before,
body.mt-icon-set-material-disabled .royalSlider .rsArrow::after,
body.mt-icon-set-material-disabled .rsFullscreenBtn::after,
body.mt-icon-set-material-disabled .star-rating span::before,
body.mt-icon-set-material-disabled .star-rating::before,
body.mt-icon-set-material-disabled .tablepress .sorting_asc::after,
body.mt-icon-set-material-disabled .tablepress .sorting_desc::after,
body.mt-icon-set-material-disabled .w-contacts-item::before,
body.mt-icon-set-material-disabled .w-dropdown-current .w-dropdown-item::after,
body.mt-icon-set-material-disabled .w-filter.state_desktop.layout_hor .w-filter-item-reset::before,
body.mt-icon-set-material-disabled .w-filter-list-closer::before,
body.mt-icon-set-material-disabled input[type="checkbox"]::before,
body.mt-icon-set-material-disabled .w-grid .post_image.with_quote_icon::after,
body.mt-icon-set-material-disabled .w-grid-item.format-audio .post_image::after,
body.mt-icon-set-material-disabled .w-grid-item.format-link .post_title a::after,
body.mt-icon-set-material-disabled .w-grid-item.format-video .post_image::after,
body.mt-icon-set-material-disabled .w-header-show::before,
body.mt-icon-set-material-disabled .w-message-close::before,
body.mt-icon-set-material-disabled .w-nav-arrow::before,
body.mt-icon-set-material-disabled .w-nav-close::before,
body.mt-icon-set-material-disabled .w-person-links-item.type_email i::before,
body.mt-icon-set-material-disabled .w-popup-closer::before,
body.mt-icon-set-material-disabled .w-search-close::before,
body.mt-icon-set-material-disabled .w-search-open:empty::before,
body.mt-icon-set-material-disabled .w-sharing-item.copy2clipboard i::before,
body.mt-icon-set-material-disabled .w-sharing-item.email i::before,
body.mt-icon-set-material-disabled .w-socials-item.email i::before,
body.mt-icon-set-material-disabled .w-socials-item.rss i::before,
body.mt-icon-set-material-disabled .w-tabs.icon_chevron .w-tabs-section-control::before,
body.mt-icon-set-material-disabled .widget_layered_nav_filters li a::before,
body.mt-icon-set-material-disabled .widget_product_search form::after,
body.mt-icon-set-material-disabled .widget_search form::after,
body.mt-icon-set-material-disabled .w-cart-table a.remove::before,
body.mt-icon-set-material-disabled .woocommerce .stars a::before,
body.mt-icon-set-material-disabled .woocommerce-product-gallery__trigger::before {
	content: "" !important;
	font-family: initial !important;
	font-feature-settings: normal !important;
}

body.mt-icon-set-material-disabled .material-icons::before,
body.mt-icon-set-material-disabled .material-icons::after,
body.mt-icon-set-fas-disabled .fas::before,
body.mt-icon-set-fas-disabled .fas::after,
body.mt-icon-set-far-disabled .far::before,
body.mt-icon-set-far-disabled .far::after,
body.mt-icon-set-fal-disabled .fal::before,
body.mt-icon-set-fal-disabled .fal::after,
body.mt-icon-set-fad-disabled .fad::before,
body.mt-icon-set-fad-disabled .fad::after,
body.mt-icon-set-fab-disabled .fab::before,
body.mt-icon-set-fab-disabled .fab::after {
	content: "" !important;
}

/* Social Links keep working without loading the Font Awesome Brands font. */
.l-header .w-socials {
	line-height: 1;
}

.l-header .w-socials-item-link {
	line-height: 1.2em;
	width: 1.2em;
}

body.mt-icon-set-fab-disabled .w-socials-item:is(.facebook, .instagram, .youtube, .linkedin) .w-socials-item-link {
	height: auto;
	aspect-ratio: 1;
}

body.mt-icon-set-fab-disabled .w-socials-item:is(.facebook, .instagram, .youtube, .linkedin) i {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	line-height: 1 !important;
}

body.mt-icon-set-fab-disabled .w-socials-item:is(.facebook, .instagram, .youtube, .linkedin) i::before {
	display: block !important;
	width: 0.5em;
	height: 0.5em;
	content: "" !important;
	background: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

body.mt-icon-set-fab-disabled .w-socials-item.facebook i::before {
	-webkit-mask-image: url("../../img/icons/social-facebook.svg");
	mask-image: url("../../img/icons/social-facebook.svg");
}

body.mt-icon-set-fab-disabled .w-socials-item.instagram i::before {
	-webkit-mask-image: url("../../img/icons/social-instagram.svg");
	mask-image: url("../../img/icons/social-instagram.svg");
}

body.mt-icon-set-fab-disabled .w-socials-item.youtube i::before {
	-webkit-mask-image: url("../../img/icons/social-youtube.svg");
	mask-image: url("../../img/icons/social-youtube.svg");
}

body.mt-icon-set-fab-disabled .w-socials-item.linkedin i::before {
	-webkit-mask-image: url("../../img/icons/social-linkedin.svg");
	mask-image: url("../../img/icons/social-linkedin.svg");
}

/* MAGIC elements are inline SVGs and must remain visible with font sets off. */
body .magic-icon-element i {
	overflow: visible !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-indent: 0 !important;
}

body .magic-inline-icon {
	overflow: visible !important;
	text-indent: 0 !important;
}

/* Zephyr renders the Back to Top arrow as Material ligature text in the DOM. */
body.mt-icon-set-material-disabled .w-toplink > :is(i, span).material-icons {
	display: block !important;
	width: 1em;
	height: 1em;
	overflow: hidden !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/arrowup.svg") center / contain no-repeat;
	mask: url("../../img/icons/arrowup.svg") center / contain no-repeat;
	font-size: inherit !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
}

/* Shared project arrow for every Zephyr Owl carousel. */
.owl-carousel > .owl-nav > :is(.owl-prev, .owl-next)::after {
	display: block !important;
	width: 1em;
	height: 1em;
	padding: 0 !important;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/arrowup.svg") center / contain no-repeat;
	mask: url("../../img/icons/arrowup.svg") center / contain no-repeat;
	font-family: initial !important;
	font-size: inherit !important;
	font-weight: normal !important;
	line-height: 0 !important;
}

.owl-carousel > .owl-nav > :is(.owl-prev, .owl-next) {
	color: var(--mt-carousel-arrow-color, currentColor) !important;
}

.owl-carousel > .owl-nav > :is(.owl-prev, .owl-next):is(:hover, :focus, :focus-visible) {
	color: var(--mt-carousel-arrow-hover-color, var(--mt-carousel-arrow-color, currentColor)) !important;
}

.owl-carousel > .owl-nav > .owl-prev::after {
	transform: rotate(-90deg);
}

.owl-carousel > .owl-nav > .owl-next::after {
	transform: rotate(90deg);
}

/* Header menu and dropdown chevrons use the same child-owned geometry. */
.w-nav-arrow::before,
.w-dropdown-current .w-dropdown-item::after,
.w-tabs.icon_chevron .w-tabs-section-control::before {
	display: inline-block !important;
	width: 0.7em;
	height: 0.7em;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/chevronup.svg") center / contain no-repeat;
	mask: url("../../img/icons/chevronup.svg") center / contain no-repeat;
	font-family: initial !important;
	font-size: inherit !important;
	line-height: 0 !important;
	transform: rotate(180deg);
}

.w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow::before {
	transform: rotate(90deg);
}

.rtl .w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow::before {
	transform: rotate(-90deg);
}

body.mt-icon-set-material-disabled .w-header-show::before {
	display: block !important;
	width: 0.7em;
	height: 0.7em;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/chevronup.svg") center / contain no-repeat;
	mask: url("../../img/icons/chevronup.svg") center / contain no-repeat;
	transform: rotate(180deg);
}

/* Keep essential non-editable controls usable without the Material font. */
body.mt-icon-set-material-disabled .l-popup-closer::before,
body.mt-icon-set-material-disabled .w-cart-table a.remove::before,
body.mt-icon-set-material-disabled .w-filter.state_desktop.layout_hor .w-filter-item-reset::before,
body.mt-icon-set-material-disabled .w-filter-list-closer::before,
body.mt-icon-set-material-disabled .w-message-close::before,
body.mt-icon-set-material-disabled .w-nav-close::before,
body.mt-icon-set-material-disabled .w-popup-closer::before,
body.mt-icon-set-material-disabled .w-search-close::before,
body.mt-icon-set-material-disabled .widget_layered_nav_filters li a::before {
	display: block !important;
	width: 1em;
	height: 1em;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/cross.svg") center / contain no-repeat;
	mask: url("../../img/icons/cross.svg") center / contain no-repeat;
}

body.mt-icon-set-material-disabled .w-search-open:empty::before,
body.mt-icon-set-material-disabled .widget_product_search form::after,
body.mt-icon-set-material-disabled .widget_search form::after,
body.mt-icon-set-material-disabled .woocommerce-product-gallery__trigger::before {
	display: block !important;
	width: 1em;
	height: 1em;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/search.svg") center / contain no-repeat;
	mask: url("../../img/icons/search.svg") center / contain no-repeat;
}

body.mt-icon-set-material-disabled input[type="checkbox"]::before {
	display: block !important;
	width: 100%;
	height: 100%;
	content: "" !important;
	background: currentColor;
	-webkit-mask: url("../../img/icons/checked.svg") center / 70% 70% no-repeat;
	mask: url("../../img/icons/checked.svg") center / 70% 70% no-repeat;
}
