/* RTL overrides for Arabic (lang-ar) */

body.lang-ar {
  direction: rtl;
  font-family: "Noto Naskh Arabic", "Hanken Grotesk", system-ui, sans-serif;
}

/*
  With direction:rtl on body, all flex containers with flex-direction:row
  automatically flow right-to-left (first child on the right, last on the left).
  We only add flex-direction:row-reverse where an element explicitly sets ltr
  or where we need to override back.
*/

/* ── About grid: portrait left in LTR → portrait right in RTL ── */
body.lang-ar .about-grid {
  direction: rtl;
}

/* ── Cards / Steps: ensure text stays right-aligned ── */
body.lang-ar .card,
body.lang-ar .step-card,
body.lang-ar .footer-col {
  text-align: right;
}

/* ── Labels & form ── */
body.lang-ar label {
  text-align: right;
}

body.lang-ar .contact-form,
body.lang-ar .field-grid {
  direction: rtl;
}

/* ── Contact map info ── */
body.lang-ar .contact-map-info {
  text-align: right;
}