/* Global presentation exceptions authorized for Jana: typography + currency. */
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-400-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-500-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-600-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-600-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-700-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/ibm-plex-sans-arabic-700-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--wd-text-font: "IBM Plex Sans Arabic", Arial, sans-serif;
	--wd-title-font: "IBM Plex Sans Arabic", Arial, sans-serif;
	--wd-entities-title-font: "IBM Plex Sans Arabic", Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
.amount,
.price,
.woocommerce,
.wd-nav,
.wd-header-nav {
	font-family: "IBM Plex Sans Arabic", Arial, sans-serif;
}

body .website-wrapper,
body .main-page-wrapper,
body .site-content,
body .woocommerce,
body .wd-nav,
body .wd-header-nav {
	font-family: "IBM Plex Sans Arabic", Arial, sans-serif !important;
}

body.jana-storefront :is(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.title,
	.wd-entities-title,
	.product-title,
	.woocommerce-loop-product__title,
	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content
) {
	font-family: "IBM Plex Sans Arabic", Arial, sans-serif !important;
}

/*
 * Every Jana inline icon is authored as a stroked outline. Keeping this rule
 * global prevents Woodmart's generic SVG fill from turning paths and circles
 * into the black dots/blocks previously visible on non-home pages.
 */
body.jana-storefront :is(
	.jana-home-v2__chrome,
	.jana-product,
	.jana-archive-toolbar,
	.jana-filter-drawer,
	.jana-locations,
	.jana-storefront-footer
) svg {
	fill: none !important;
	stroke: currentColor !important;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

body.jana-storefront :is(a, button, input, select, textarea):focus-visible {
	outline: 2px solid #171717;
	outline-offset: 3px;
}

.woocommerce-Price-amount {
	direction: rtl;
	unicode-bidi: isolate;
	white-space: nowrap;
}

.woocommerce-Price-currencySymbol {
	display: inline-block;
	width: .76em;
	min-width: .76em;
	height: .88em;
	overflow: hidden;
	margin-inline: 0 .16em;
	font-size: .92em;
	font-weight: inherit;
	line-height: 1;
	text-indent: -9999px;
	vertical-align: -.03em;
	background-color: currentColor;
	-webkit-mask: url("../icons/saudi-riyal-symbol.svg") center / contain no-repeat;
	mask: url("../icons/saudi-riyal-symbol.svg") center / contain no-repeat;
}

html.jana-riyal-svg-fallback .woocommerce-Price-currencySymbol {
	font-size: .95em;
}