/* RTL overrides for Arabic version.
   Loaded AFTER style.css in ar/ pages. */

html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .hero-badge { left: auto; right: 24px; }
html[dir="rtl"] .trust-strip > div { border-right: 0; border-left: 1px solid var(--hair); }
html[dir="rtl"] .trust-strip > div:last-child { border-left: 0; }
html[dir="rtl"] .menu-row .pr { text-align: left; }
html[dir="rtl"] .editorial--reverse > :first-child { order: 0; }
html[dir="rtl"] .editorial > :first-child { order: 2; }
html[dir="rtl"] .brand { flex-direction: row; }
html[dir="rtl"] .lang-switch a { padding: 4px 8px; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { letter-spacing: 0; }
html[dir="rtl"] .eyebrow { letter-spacing: 0.08em; }

@media (max-width: 880px) {
  html[dir="rtl"] .trust-strip > div:nth-child(2) { border-left: 0; }
  html[dir="rtl"] .trust-strip > div:nth-child(1), html[dir="rtl"] .trust-strip > div:nth-child(2) { border-bottom: 1px solid var(--hair); }
}