/**
 * UAE Dirham symbol (Unicode U+20C3) web font.
 *
 * The `woocommerce_currency_symbol` filter (inc/dirham-symbol.php) returns the
 * bare U+20C3 character for rendered pages. WooCommerce wraps the currency
 * symbol in `.woocommerce-Price-currencySymbol` on BOTH the storefront and in
 * wp-admin price tables, so applying the dirham font to that element renders
 * the official glyph in both places — without injecting any HTML markup (admin
 * escapes markup and would otherwise show raw tags).
 *
 * Font: dirham@1.5.3 (https://dirham.js.org, MIT) — single-glyph subset.
 * When operating systems ship native Unicode 18.0 support (~Sept 2026) this
 * font can be removed; the U+20C3 character keeps working in system fonts.
 */
@font-face {
	font-family: "Dirham";
	src: url(../fonts/dirham/dirham-sans.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Primary: every WooCommerce price symbol (storefront + admin) renders the glyph. */
.woocommerce-Price-currencySymbol,
.dirham-symbol {
	font-family: "Dirham", sans-serif;
	font-style: normal;
	line-height: 1;
}

/* Back-compat: if a cached page still has the old empty <i class="dirham-symbol">,
   inject the glyph so it renders during the cache-transition window. */
.dirham-symbol:empty::before {
	content: "\20C3";
}