/* dirham - UAE Dirham currency symbol font
 * Provides category-specific variants so U+20C3 adapts to surrounding typography.
 * Use font-family: "YourFont", "Dirham-Sans" (or -Serif / -Mono / -Arabic);
 * The browser falls back to the matching Dirham variant for U+20C3.
 */

/* ── Default (standalone use) ────────────────────────────────────────────── */
@font-face {
  font-family: "Dirham";
  src:
    url("../fonts/dirham.woff2") format("woff2"),
    url("../fonts/dirham.woff") format("woff"),
    url("../fonts/dirham.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C3;
}

/* ── Category variants ───────────────────────────────────────────────────── */
@font-face {
  font-family: "Dirham-Sans";
  src:
    url("../fonts/sans/dirham-sans.woff2") format("woff2"),
    url("../fonts/sans/dirham-sans.woff") format("woff"),
    url("../fonts/sans/dirham-sans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C3;
}

@font-face {
  font-family: "Dirham-Serif";
  src:
    url("../fonts/serif/dirham-serif.woff2") format("woff2"),
    url("../fonts/serif/dirham-serif.woff") format("woff"),
    url("../fonts/serif/dirham-serif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C3;
}

@font-face {
  font-family: "Dirham-Mono";
  src:
    url("../fonts/mono/dirham-mono.woff2") format("woff2"),
    url("../fonts/mono/dirham-mono.woff") format("woff"),
    url("../fonts/mono/dirham-mono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C3;
}

@font-face {
  font-family: "Dirham-Arabic";
  src:
    url("../fonts/arabic/dirham-arabic.woff2") format("woff2"),
    url("../fonts/arabic/dirham-arabic.woff") format("woff"),
    url("../fonts/arabic/dirham-arabic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C3;
}

/* ── Base class (uses default Dirham) ────────────────────────────────────── */
.dirham-symbol {
  font-family: "Dirham" !important;
  speak: never;
  font-style: normal;
  font-weight: inherit;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dirham-symbol::before {
  content: "\20C3";
}

/* ── Category class modifiers ────────────────────────────────────────────── */
.dirham-symbol-sans  { font-family: "Dirham-Sans"   !important; }
.dirham-symbol-serif { font-family: "Dirham-Serif"  !important; }
.dirham-symbol-mono  { font-family: "Dirham-Mono"   !important; }
.dirham-symbol-arabic{ font-family: "Dirham-Arabic" !important; }

.dirham-symbol-sans::before,
.dirham-symbol-serif::before,
.dirham-symbol-mono::before,
.dirham-symbol-arabic::before {
  content: "\20C3";
}

/* Screen reader only — use alongside .dirham-symbol for accessibility */
.dirham-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}