/* ══════════════════════════════════════════════════════════════════════
   Right-to-left overrides — loaded only when the active language is RTL.

   The stylesheet already uses logical properties in most places, so this
   file corrects the remaining physical ones (floats, transforms, and the
   places where a physical fallback was written alongside a logical rule).
   ══════════════════════════════════════════════════════════════════════ */

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

/* Anything that reads left-to-right by nature stays that way: phone
   numbers, references, currency codes and Latin brand names. */
[dir="rtl"] .pcard-ref,
[dir="rtl"] .plot-ref,
[dir="rtl"] .fx-toggle,
[dir="rtl"] .chart-tabs,
[dir="rtl"] [href^="tel:"],
[dir="rtl"] .lang-menu .latin { direction: ltr; unicode-bidi: embed; }

[dir="rtl"] .lang-tab   { margin-left: 0; margin-right: 14px; }
[dir="rtl"] .lang-menu  { right: auto; left: 0; }
[dir="rtl"] .lang-hint-x { right: auto; left: 12px; }

[dir="rtl"] .pcard-badge { left: auto; right: 12px; }
[dir="rtl"] .pcard-fav   { right: auto; left: 12px; }

[dir="rtl"] .spec-bullet { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .spec-bullet::before { left: auto; right: 0; }

[dir="rtl"] .pull,
[dir="rtl"] .prose blockquote,
[dir="rtl"] .notice {
  border-left: 0;
  border-right: 3px solid var(--gold, #C8A44A);
  padding-left: 0;
  padding-right: 22px;
}
[dir="rtl"] .notice { border-radius: 12px 0 0 12px; }
[dir="rtl"] .prose ul { padding-left: 0; padding-right: 1.2em; }

[dir="rtl"] .acc-item summary::after { float: left; }
[dir="rtl"] .plot-facts dd,
[dir="rtl"] .track-table th,
[dir="rtl"] .track-table td { text-align: left; }
[dir="rtl"] .track-table th[scope="row"] { text-align: right; }

/* Chevrons and arrows point the other way. */
[dir="rtl"] .pcard-go,
[dir="rtl"] .ncard-go,
[dir="rtl"] .crumbs { unicode-bidi: isolate; }
[dir="rtl"] .fab .top svg { transform: none; }

/* Arabic reads better with a touch more line height at body sizes. */
[dir="rtl"] body,
[dir="rtl"] .lede,
[dir="rtl"] .prose { line-height: 1.85; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { line-height: 1.4; letter-spacing: 0; }