@import url("/assets/css/iphone-foundation-10ea816345ee1951.css");
@font-face {
    font-family: "Orvix Cairo Upright";
    src: url("/assets/fonts/cairo/Cairo-Upright-3c75c8ad750c901a.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

:root {
    --font-family-base: "Orvix Cairo Upright", "Tajawal", Tahoma, Arial, system-ui, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
table,
th,
td,
option,
dialog {
    font-family: var(--font-family-base);
}

/*
 * ISSUE5 — iPhone/Safari italic (oblique) root-cause guard.
 * Cairo ships as ONE variable WOFF2 that carries a `slnt` axis (-11..0..11,
 * default 0) alongside a STAT table. Under the browser-default `font-synthesis`,
 * iOS/Safari renders Arabic (RTL) text with a synthesized oblique, so every
 * surface that loads this central font layer — customer portal, company /
 * establishment pages and the public web — looked slanted while the marketing
 * site (which already carries this same guard in site.css) did not. Pin the
 * upright face and forbid style synthesis here, once, for all of them.
 * Material Symbols icons and inline SVG are unaffected: they set their own
 * font-family / use transforms, not font-style. Font Awesome is not used.
 */
html,
body,
button,
input,
select,
textarea,
table,
th,
td,
option,
dialog,
a,
p,
span,
label,
li,
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-synthesis: none;         /* no faux weight, no faux oblique/slant */
    font-synthesis-style: none;   /* explicit for Safari: never synthesize italic */
}

/* The UA stylesheet renders these italic by default; keep them upright so an
   italic face is never requested from Cairo (which has none) — the missing
   italic face is exactly what iOS/Safari answers with a synthesized slant. */
i,
em,
cite,
address,
var,
dfn {
    font-style: normal;
}

/* Keep symbol, barcode, QR, monospace and printable-document families intact. */
.material-symbols-rounded,
code,
pre,
.hash {
    font-family: inherit;
}
.material-symbols-rounded { font-family: "Material Symbols Rounded"; }
code, pre, .hash { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }