/* SAUDI RIYAL SYMBOL
 *
 * The SAR currency now uses the official Saudi Riyal Sign (U+20C1) as its
 * symbol (see config/sync/commerce_price.commerce_currency.SAR.yml). Most
 * fonts do not yet ship that glyph, so it would render as tofu. Here we load
 * the official font from the `saudi_riyal_symbol` module for that single
 * codepoint only (via `unicode-range`) and append it as the last fallback on
 * the elements that print prices — so the glyph renders everywhere Commerce
 * shows it (product, listing, cart, checkout, the add-to-cart button) without
 * changing any other character. */

@font-face {
  font-family: "SaudiRiyal";
  src: url("/modules/contrib/saudi_riyal_symbol/fonts/saudi_riyal_regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20C1;
  /* Render the riyal glyph larger than the surrounding text. Because this
   * @font-face only supplies U+20C1, `size-adjust` scales that one glyph and
   * nothing else. Tweak this percentage to taste. */
  size-adjust: 150%;
}

body,
button,
input,
select,
optgroup,
textarea,
.btn {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif,
    "SaudiRiyal";
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Le Corbusier LL", -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial,
    sans-serif, "SaudiRiyal";
}