/* Arabic (RTL) refinements. Layout direction itself comes from logical properties in styles.css. */
:root { --font: "Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, "Geeza Pro", system-ui, -apple-system, Roboto, Arial, sans-serif; }
html[lang="ar"] body { line-height: 1.75; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4 { line-height: 1.35; }
/* Arabic joins letters, so tracking and capitalisation tricks are switched off. */
html[lang="ar"] * { letter-spacing: 0 !important; text-transform: none !important; }
/* Arrows that point along the reading direction. */
html[lang="ar"] .btn .ico, html[lang="ar"] .demo-newtab .ico { transform: scaleX(-1); }
/* Email and web addresses stay left-to-right. */
html[lang="ar"] a[href^="mailto:"], html[lang="ar"] input[type="email"] { direction: ltr; unicode-bidi: plaintext; }
/* The hero diagram's connector lines are drawn left-to-right, so they are mirrored with the layout. */
html[lang="ar"] .arch-lines { transform: scaleX(-1); }