// dirham - UAE Dirham currency symbol font (multi-variant)
$dirham-font-path: "../fonts" !default;
$dirham-unicode: "\20C3" !default;

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

// ── Category variants ───────────────────────────────────────────────────────
@each $variant in sans, serif, mono, arabic {
  @font-face {
    font-family: "Dirham-#{$variant}";
    src:
      url("#{$dirham-font-path}/#{$variant}/dirham-#{$variant}.woff2") format("woff2"),
      url("#{$dirham-font-path}/#{$variant}/dirham-#{$variant}.woff") format("woff"),
      url("#{$dirham-font-path}/#{$variant}/dirham-#{$variant}.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+20C3;
  }
}

// ── Base class ──────────────────────────────────────────────────────────────
.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;

  &::before {
    content: $dirham-unicode;
  }
}

// ── Category modifiers ──────────────────────────────────────────────────────
@each $variant in sans, serif, mono, arabic {
  .dirham-symbol-#{$variant} {
    font-family: "Dirham-#{$variant}" !important;
    &::before { content: $dirham-unicode; }
  }
}

.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;
}