/* HCO-HR — Arabic typography (loaded only when the page language is Arabic).
   Body & UI: IBM Plex Sans Arabic (clear at small sizes in tables, forms and menus).
   Headings & numbers: Alexandria (modern geometric display face).
   Both fonts are SIL Open Font License 1.1 — see /fonts/LICENSE-*.txt. */

@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/plex-arabic-400.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/plex-arabic-500.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/plex-arabic-600.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('/fonts/plex-arabic-700.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/plex-latin-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/plex-latin-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/plex-latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('/fonts/plex-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Alexandria'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/alexandria-arabic.woff2') format('woff2-variations'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Alexandria'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/alexandria-latin.woff2') format('woff2-variations'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html[lang="ar"] {
  --font: 'Plex Arabic', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Arabic', 'Geeza Pro', Tahoma, sans-serif;
  --font-display: 'Alexandria', 'Plex Arabic', system-ui, 'Noto Sans Arabic', 'Geeza Pro', Tahoma, sans-serif;
}
html[lang="ar"] body { line-height: 1.65; }
/* Letter-spacing breaks joined Arabic letters. */
html[lang="ar"] body, html[lang="ar"] body * { letter-spacing: 0 !important; }

/* Display face: headings, brand, big numbers. */
html[lang="ar"] :is(h1, h2, h3, .brand-wordmark, .kpi-value, .clock-time, .price-card .amount, .cmp-hero, .auth-side h2) {
  font-family: var(--font-display);
}
html[lang="ar"] h1 { font-weight: 700; line-height: 1.35; }
html[lang="ar"] h2 { font-weight: 600; line-height: 1.4; }
html[lang="ar"] h3 { font-weight: 600; line-height: 1.45; }
html[lang="ar"] .hero h1 { font-weight: 800; line-height: 1.3; }
html[lang="ar"] :is(.section-head h2, .cta-band h2, .auth-side h2) { font-weight: 700; line-height: 1.35; }

/* Form controls don't inherit the font by default. */
html[lang="ar"] :is(button, input, select, textarea) { font-family: var(--font); }