/* css/rtl.css
   Extra styles for the Arabic pages (right-to-left). Loaded only by Arabic pages.
   The main CSS uses logical properties (inline-start / inline-end) so most things flip
   by themselves; this file only sets the Arabic font and removes letter-spacing,
   which breaks the joined shapes of Arabic letters. */
@font-face { font-family: "Noto Sans Arabic"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/noto-sans-arabic-arabic-400-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Noto Sans Arabic"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/noto-sans-arabic-arabic-600-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Noto Sans Arabic"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/noto-sans-arabic-arabic-700-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }

:root { --font-ar: "Noto Sans Arabic", "Source Sans 3", system-ui, "Segoe UI", Tahoma, Arial, sans-serif; }
body.rtl, body.rtl button, body.rtl input, body.rtl select, body.rtl textarea { font-family: var(--font-ar); }
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl .footer-name, body.rtl .logo-text { font-family: var(--font-ar); font-weight: 700; letter-spacing: 0; line-height: 1.4; }
body.rtl * { letter-spacing: 0 !important; }
body.rtl .lede, body.rtl p { line-height: 1.9; }
/* Numbers, certificate numbers and phone numbers stay left-to-right inside Arabic text. */
body.rtl input[name="id"], body.rtl #cert-id, body.rtl #home-id, body.rtl input[type="tel"], body.rtl input[type="email"] { direction: ltr; text-align: left; }
body.rtl input[name="id"]::placeholder, body.rtl #cert-id::placeholder, body.rtl #home-id::placeholder { text-align: left; }
.lang-switch { font-weight: 700; }

/* Hidden helpers are pushed off-screen to the RIGHT here: in right-to-left pages, content pushed off
   to the left would make the page scroll sideways. */
body.rtl .skip { left: auto; right: -999px; }
body.rtl .skip:focus { left: auto; right: 8px; }
body.rtl .hp { left: auto; right: -9999px; }

/* Record values are numbers and English names: show them left-to-right so "******0001" is not mirrored,
   but keep them aligned to the right edge like the Arabic labels. */
body.rtl .record dd { direction: ltr; text-align: right; }