/* UAE Dirham symbol — aligns with https://designsystem.gov.ae/docs/patterns/currency-symbol
 * Webfont: MIT-licensed "dirham" package (U+20C3), https://github.com/pooyagolchian/dirham
 * Symbol before amount, same line as numerals; black/white via currentColor.
 */

@font-face {
    font-family: "Dirham-Sans";
    src: url("/fonts/uae-dirham/dirham-sans.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+20C3;
}

/* Amount + symbol row (LTR per digital guidance) */
.currency-aed {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: inherit;
}

.currency-aed-amount {
    font-weight: inherit;
}

/* Glyph via ::before so the span can stay empty for a11y */
.dirham-symbol.dirham-symbol-sans {
    font-family: "Dirham-Sans", sans-serif !important;
    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.dirham-symbol-sans::before {
    content: "\20C3";
}
