/* SOLSPRO Arabic (RTL) styles. Loaded only on /ar/ pages, after solspro-v3.css and blog.css. Added 8 Nov 2026. */
html[lang="ar"] { --display: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif; --body: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
html[lang="ar"] body { font-family: var(--body); line-height: 1.75; }
/* Arabic letters must stay joined: no letter-spacing, no forced capitals */
html[lang="ar"] body, html[lang="ar"] body * { letter-spacing: 0 !important; }
html[lang="ar"] .tagbar, html[lang="ar"] .card__cat, html[lang="ar"] .toc__t, html[lang="ar"] .svc-hud__name { text-transform: none; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { line-height: 1.4; }
html[lang="ar"] [dir="ltr"] { unicode-bidi: isolate; }

/* large display headings: Arabic script needs more line height and slightly smaller sizes */
html[lang="ar"] .hero__title { font-size: clamp(2.4rem, 4.6vw, 4.8rem); line-height: 1.32; max-width: 13em; }
html[lang="ar"] .h2 { font-size: clamp(2.1rem, 4.4vw, 4rem); line-height: 1.32; }
html[lang="ar"] .about__head { font-size: clamp(2.1rem, 3.8vw, 3.7rem); line-height: 1.32; }
html[lang="ar"] .svc__title { line-height: 1.35; }
html[lang="ar"] .svc--intro .svc__title { font-size: clamp(2.1rem, 4.4vw, 4.2rem); }
html[lang="ar"] .contact__title { font-size: clamp(2.6rem, 6.4vw, 6.6rem); line-height: 1.25; }
html[lang="ar"] .biglink { line-height: 1.3; }
html[lang="ar"] .post__title, html[lang="ar"] .bloghead__h { line-height: 1.35; }
@media (max-width: 900px) { html[lang="ar"] .contact__title { font-size: 2.3rem; } }

/* header */
html[lang="ar"] .nav { margin-left: 0; margin-right: auto; }
html[lang="ar"] .nav a::after { transform-origin: left; }
html[lang="ar"] .nav a:hover::after, html[lang="ar"] .nav a.is-active::after { transform-origin: right; }
html[lang="ar"] .burger { margin-left: 0; margin-right: auto; }
html[lang="ar"] .hdr__call { clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
@media (max-width: 900px) {
  html[lang="ar"] .burger { margin-right: 0; }
  html[lang="ar"] .nav a { font-size: clamp(2rem, 9vw, 3.4rem); line-height: 1.35; }
}

/* hero "We make ..." bar: corner mark moves to the left */
html[lang="ar"] .stage__bar { padding: .95em var(--fx) .95em 4.4em; }
html[lang="ar"] .stage__bar::after { right: auto; left: 0; clip-path: polygon(0 0, 100% 100%, 0 100%); }

/* scrolling service names keep their left-to-right motion; the words themselves stay Arabic */
html[lang="ar"] .ticker { direction: ltr; }
html[lang="ar"] .ticker span { direction: rtl; unicode-bidi: isolate; }

/* services progress bar fills from the right */
html[lang="ar"] .svc-hud__bar i { transform-origin: right; }

/* contact form spam trap: keep it off-screen on the right so it does not widen the page in RTL */
html[lang="ar"] .hp { left: auto; right: -9999px; }

/* articles and pages */
html[lang="ar"] .prose ul, html[lang="ar"] .prose ol { padding-left: 0; padding-right: 1.4em; }
html[lang="ar"] .tr-note { color: var(--muted); font-weight: 400; font-size: .88em; }

/* floating WhatsApp button sits on the left in right-to-left pages */
html[lang="ar"] .wa-float { right: auto; left: max(18px, env(safe-area-inset-left)); }

/* home: work filters, contact form, address */
html[lang="ar"] .tab small { margin-left: 0; margin-right: .5em; }
html[lang="ar"] .fld label { left: auto; right: 0; transform-origin: right top; }
html[lang="ar"] .fld::after { left: auto; right: 0; transform-origin: right; }
html[lang="ar"] .contact__links address { direction: ltr; unicode-bidi: isolate; text-align: right; }
html[lang="ar"] .foot__word { direction: ltr; }