/* =====================================================================
   أمان إيفر — Design System: العملة السعودية (رمز ساما الرسمي)
   المصدر: البنك المركزي السعودي (SAMA) · Unicode U+20C1 SAUDI RIYAL SIGN
   ===================================================================== */

@font-face{
  font-family:'SaudiRiyal';
  src:url('design-system/assets/saudi_riyal.woff2') format('woff2');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
  unicode-range:U+20C1,U+E900;
}

:root{
  /* Currency tokens */
  --sar-symbol:'\20C1';           /* الرمز المعتمد من ساما */
  --sar-legacy:'ر.س';             /* الاختصار القديم خلال الانتقال */
  --sar-code:'SAR';
  --sar-font:'SaudiRiyal','IBM Plex Sans Arabic',system-ui,sans-serif;
  --sar-gap:0.28em;
  --sar-size:1em;
  --sar-weight:700;
  --sar-color:currentColor;
}

/* الوحدة البصرية للمبلغ */
.money{
  display:inline-flex;
  align-items:baseline;
  gap:var(--sar-gap);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  direction:ltr;
  unicode-bidi:isolate;
}
.money__value{font-weight:inherit;}
.money__symbol,
.sar{
  font-family:var(--sar-font) !important;
  font-weight:var(--sar-weight);
  font-size:var(--sar-size);
  line-height:1;
  color:var(--sar-color);
  speak:literal;
  -webkit-font-smoothing:antialiased;
}
.money--lg .money__symbol,
.sar--lg{font-size:1.15em;}
.money--sm .money__symbol,
.sar--sm{font-size:0.92em;}
.money--muted{color:var(--muted);}
.money--success{color:#067A55;}
.money--danger{color:var(--danger);}

/* للسوم/الليبلات النصية فقط عند الحاجة للاختصار القديم */
.sar-legacy{font-family:inherit;letter-spacing:0;}

/* حقول النماذج: رمز بدل (ر.س) */
.field-sar-suffix{
  position:relative;
}
.field-sar-suffix input{padding-inline-end:2.4em;}
.field-sar-suffix::after{
  content:var(--sar-symbol);
  font-family:var(--sar-font);
  font-weight:800;
  position:absolute;
  inset-inline-end:12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  pointer-events:none;
  margin-top:10px; /* تحت الـ label */
}