:root {
  --cairo-font: 'Cairo', 'Noto Sans Arabic', 'IBM Plex Sans Arabic', 'Tajawal', sans-serif;
  --latin-fallback: 'Noto Sans', 'Roboto', Arial, sans-serif;
}

[dir="rtl"] body {
    font-family: var(--cairo-font), var(--latin-fallback) !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] a, [dir="rtl"] div, [dir="rtl"] label, [dir="rtl"] input,
[dir="rtl"] button, [dir="rtl"] select, [dir="rtl"] textarea {
    font-family: var(--cairo-font), var(--latin-fallback) !important;
}

.currency-icon {
    display: inline-block;
    height: 1em;
    width: auto;
    vertical-align: -0.12em;
}

/* Explicit Latin helpers for codes/IDs where needed */
.latin-text, .order-code, .code, .id-text {
    direction: ltr;
    unicode-bidi: plaintext;
    font-family: var(--latin-fallback) !important;
}