/* Official Saudi Riyal symbol font (SAMA / U+20C1).
 * Only applies to the riyal glyph — other currency text (SAR, $, ر.س, …) is unchanged.
 */
@font-face {
    font-family: "Riyal";
    src: url("../fonts/riyal/riyal-regular.woff2") format("woff2"),
         url("../fonts/riyal/riyal-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+20C1;
}

@font-face {
    font-family: "Riyal";
    src: url("../fonts/riyal/riyal-bold.woff2") format("woff2"),
         url("../fonts/riyal/riyal-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+20C1;
}

/*
 * Put "Riyal" first in the stack so U+20C1 resolves via unicode-range.
 * All other characters fall through to Cairo / Inter / system fonts.
 */
body,
[dir="rtl"] body,
html[lang="ar"] body,
.currency-text,
.riyal-aware {
    font-family: "Riyal", "Cairo", "Inter", "Poppins", "Mooli", system-ui, -apple-system, sans-serif;
}

.riyal-symbol-preview {
    font-family: "Riyal", system-ui, sans-serif;
    font-size: 1.35rem;
    line-height: 1;
}