/* ===== RTL overrides for Arabic (lang="ar" dir="rtl") =====
   Loaded only on /ar/ pages, after style.css.
   Mirrors directional layout without touching the base stylesheet. */

html[dir="rtl"] body { direction: rtl; text-align: right; }

/* Header / nav flow */
html[dir="rtl"] .site-head .wrap { flex-direction: row-reverse; }
html[dir="rtl"] .nav { flex-direction: row-reverse; }
html[dir="rtl"] .nav .subnav { text-align: right; }

/* Language switcher stays visually consistent */
html[dir="rtl"] .lang-switch { flex-direction: row-reverse; }

/* Eyebrows, section titles, leads */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-title,
html[dir="rtl"] .display,
html[dir="rtl"] .lead,
html[dir="rtl"] .pull,
html[dir="rtl"] .sig { text-align: right; }

/* Numbered rows (services / project "at a glance") */
html[dir="rtl"] .svc-row { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .svc-row .no { margin-left: 16px; margin-right: 0; }

/* Stats block */
html[dir="rtl"] .stats { direction: rtl; }

/* Feature blocks: swap the image/text order mirroring */
html[dir="rtl"] .feature { direction: rtl; }
html[dir="rtl"] .feature.rev { direction: ltr; }
html[dir="rtl"] .feature .ftxt { text-align: right; }

/* Founder block */
html[dir="rtl"] .founder { direction: rtl; }

/* Footer */
html[dir="rtl"] .foot-top { direction: rtl; }
html[dir="rtl"] .foot-bot { direction: rtl; flex-direction: row-reverse; }
html[dir="rtl"] .explore-links { text-align: right; }
html[dir="rtl"] .fcol h4 { text-align: right; }

/* Cards */
html[dir="rtl"] .cinfo { text-align: right; }
html[dir="rtl"] .pgrid { direction: rtl; }

/* Buttons / CTAs keep icon direction sensible */
html[dir="rtl"] .btn, html[dir="rtl"] .cta { direction: rtl; }

/* Arrows that point "forward" should flip in RTL */
html[dir="rtl"] .nmore, html[dir="rtl"] .foot-tag ~ a { unicode-bidi: plaintext; }

/* Keep Latin brand marks and Latin-script proper nouns LTR inside RTL text */
html[dir="rtl"] .ltr,
html[dir="rtl"] .brand-logo,
html[dir="rtl"] .foot-logo { direction: ltr; unicode-bidi: isolate; }

/* Numerals and phone/email stay LTR */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* FAQ band — RTL (added 2026-07-16) */
html[dir="rtl"] .faq-item summary{grid-template-columns:20px 1fr;text-align:right}
html[dir="rtl"] .faq-item summary .faq-sign{justify-self:start;order:-1}
html[dir="rtl"] .faq-a{text-align:right}