/* N30 (owner, 30 Sept 2026): Storefront's Font Awesome (icons.css, 80 KB, and fa-solid-900.woff2, 78 KB) is
   dequeued in inc/presentation.php. The icons the shop shows are drawn here instead: each pseudo-element is
   a 1em box in currentColor, masked by a small SVG of the theme's own. Storefront's layout rules for these
   elements lived in icons.css too, so the ones the shop needs are repeated below. Icons nobody sees here
   (widgets, Min konto's menu, the stock smileys, wishlists) are simply gone. */

:root {
	--ember-i-home: 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.2' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7V20a.5.5 0 0 1-.5.5h-5v-6h-6v6H4a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
	--ember-i-search: 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.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E");
	--ember-i-zoom: 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.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E");
	--ember-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.1 6.7.9-4.9 4.65 1.2 6.65L12 17.3l-5.95 3.2 1.2-6.65L2.35 9.2l6.7-.9z'/%3E%3C/svg%3E");
	--ember-i-caret-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5.5v13L7.5 12z'/%3E%3C/svg%3E");
	--ember-i-caret-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5.5v13l7.5-6.5z'/%3E%3C/svg%3E");
	--ember-i-arrow-right: 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E");
	--ember-i-arrow-left: 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H5M10.5 6.5 5 12l5.5 5.5'/%3E%3C/svg%3E");
	--ember-i-eye: 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.2' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	--ember-i-check: 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m7.8 12.3 2.8 2.8 5.6-6'/%3E%3C/svg%3E");
	--ember-i-alert: 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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v6.2M12 16.8v.2'/%3E%3C/svg%3E");
	--ember-i-close: 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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m9 9 6 6M15 9l-6 6'/%3E%3C/svg%3E");
	--ember-i-spinner: 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.6' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");
}

/* Every drawn icon: the glyph text is gone, the box takes the text's colour through the mask. */
.woocommerce-breadcrumb a:first-of-type::before,
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before,
.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after,
.widget_search form:not(.wp-block-search)::before,
.widget_product_search form:not(.wp-block-search)::before,
p.stars a::before,
.star-rating::before,
.star-rating span::before,
.show-password-input::after,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before,
.wc-forward::after,
.woocommerce-Button--next::after,
.woocommerce-Button--previous::before,
a.remove::before,
#reviews .commentlist li p.meta .verified::before,
button.loading::after,
input[type=button].loading::after,
input[type=reset].loading::after,
input[type=submit].loading::after,
.button.loading::after,
.added_to_cart.loading::after,
.blockUI::before {
	content: "" !important;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-family: inherit;
	line-height: 1;
	vertical-align: -.125em;
	background-color: currentColor;
	-webkit-mask: var(--ember-icon) center / contain no-repeat;
	mask: var(--ember-icon) center / contain no-repeat;
}

/* The breadcrumb's "Forside". */
.woocommerce-breadcrumb a:first-of-type::before { --ember-icon: var(--ember-i-home); margin-right: .54em; }

/* The gallery's zoom button: the icon alone, the WooCommerce emoji image and the link text hidden. */
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { text-indent: -999px; overflow: hidden; }
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img { display: none !important; }
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { --ember-icon: var(--ember-i-zoom); display: block; margin: .5em auto 0; text-indent: 0; }

/* The page numbers' arrows. */
.woocommerce-pagination .next,
.woocommerce-pagination .prev { text-indent: -9999px; position: relative; overflow: hidden; }
.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after { --ember-icon: var(--ember-i-caret-left); text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.woocommerce-pagination .next::after { --ember-icon: var(--ember-i-caret-right); }

/* The search forms' magnifier (the 404 page). */
.widget_search form:not(.wp-block-search),
.widget_product_search form:not(.wp-block-search) { position: relative; }
.widget_search form:not(.wp-block-search)::before,
.widget_product_search form:not(.wp-block-search)::before { --ember-icon: var(--ember-i-search); position: absolute; top: 1em; left: 1em; }
.widget_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search] { padding-left: 2.618em; }

/* Stars: the review form's five links, and a rating as five masks in a row. */
p.stars a::before { --ember-icon: var(--ember-i-star); position: absolute; top: 0; left: 0; }
.star-rating { font-family: inherit; }
.star-rating::before,
.star-rating span::before { --ember-icon: var(--ember-i-star); display: block; position: absolute; top: .31em; left: 0; width: 5.55em; -webkit-mask-size: 1.11em 1em; mask-size: 1.11em 1em; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-position: left center; mask-position: left center; }

/* "Vis adgangskode". */
.show-password-input::after { --ember-icon: var(--ember-i-eye); }

/* Notices: a check for "lagt i kurven", an exclamation mark for info and errors. */
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before { --ember-icon: var(--ember-i-alert); }
.woocommerce-message::before { --ember-icon: var(--ember-i-check); }

/* "Se kurv" and other forward and back buttons. */
.wc-forward::after,
.woocommerce-Button--next::after { --ember-icon: var(--ember-i-arrow-right); margin-left: .54em; }
.woocommerce-Button--previous::before { --ember-icon: var(--ember-i-arrow-left); margin-right: .54em; }

/* The classic cart's remove link. */
a.remove { display: block; width: 1.618em; height: 1.618em; text-indent: -9999px; overflow: hidden; position: relative; }
a.remove::before { --ember-icon: var(--ember-i-close); position: absolute; inset: 0; margin: auto; text-indent: 0; color: #9a948b; }

/* A verified buyer's mark on a review. */
#reviews .commentlist li p.meta .verified { display: inline-block; width: 1.41575em; height: 1.41575em; position: relative; text-indent: -9999px; }
#reviews .commentlist li p.meta .verified::before { --ember-icon: var(--ember-i-check); position: absolute; inset: 0; margin: auto; text-indent: 0; color: #1f8a5b; }

/* Buttons that load, and WooCommerce's "wait" layer over the cart and checkout. */
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading,
.added_to_cart.loading { position: relative; }
button.loading::after,
input[type=button].loading::after,
input[type=reset].loading::after,
input[type=submit].loading::after,
.button.loading::after,
.added_to_cart.loading::after { --ember-icon: var(--ember-i-spinner); display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; animation: ember-icon-spin .75s linear infinite; }
.blockUI::before { --ember-icon: var(--ember-i-spinner); position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; animation: ember-icon-spin .75s linear infinite; }
.wc_request_button_is_disabled .blockUI::before { content: none !important; }

@keyframes ember-icon-spin { to { transform: rotate(360deg); } }
