/* _rtl.css — Arabic (and other RTL) overrides for the SyncHQ Pro marketing site.
   Loaded only on /{ar}/ pages via <link rel="stylesheet" href="/_rtl.css"> (injected by i18n/build.mjs).
   Strategy: flip document flow + text alignment + directional flex/spacing at a baseline level.
   Visual review required before publish (esp. hero, nav, cards). */

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

/* Text blocks read right-to-left */
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] .lede-block,
html[dir="rtl"] .hero-tagline {
  text-align: right;
}

/* Horizontal flex rows flip so leading items sit on the right */
html[dir="rtl"] .header-inner,
html[dir="rtl"] .nav,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .hero-inner,
html[dir="rtl"] .flex-wrap-3,
html[dir="rtl"] .footer-cols,
html[dir="rtl"] .cta-row {
  flex-direction: row-reverse;
}

/* Grids: reverse column order */
html[dir="rtl"] .hero-inner {
  direction: rtl;
}

/* Lists: bullets/numbers on the right */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 1.25em;
  padding-left: 0;
}

/* Inline icon spacing: mirror margins (best-effort; visual review will refine) */
html[dir="rtl"] .icon-left {
  margin-left: 0.5em;
  margin-right: 0;
}

/* Language switcher stays sensible */
html[dir="rtl"] .lang-switch {
  text-align: right;
}

/* Numbers, code, prices remain LTR embedded in RTL text */
html[dir="rtl"] .price,
html[dir="rtl"] .tabular-nums,
html[dir="rtl"] code,
html[dir="rtl"] .ltr {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}