/* Reveal the Dream: right-to-left layout for Hebrew.
   Loaded only on he/ pages (html[dir="rtl"]). styles.css was written with physical left/right
   properties throughout (a pre-existing, larger refactor to logical properties is out of scope
   here), so this file mirrors the handful of rules that actually read wrong under dir="rtl":
   the nav toggle, the footer columns, list markers, and the language switcher itself. Text
   direction and inline flow (flex-direction, text-align) are handled by the browser from
   html[dir="rtl"] alone; this file only fixes properties the browser cannot infer, i.e. ones
   pinned to a physical side. Numerals and Latin product names inside RTL text stay
   left-to-right on their own by Unicode's bidi algorithm; nothing here overrides that. */

html[dir="rtl"] .site-header .container-lg,
html[dir="rtl"] .site-footer .container-lg {
  text-align: right;
}

html[dir="rtl"] .footer-cols {
  direction: rtl;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 1.25em;
  padding-left: 0;
}

html[dir="rtl"] .nav-toggle-bars {
  margin-right: 0;
  margin-left: auto;
}

/* Chevron / arrow icons that point in reading direction (back links, disclosure carets). Icons
   that point at a fixed compass direction regardless of language (e.g. an external-link arrow)
   are left alone, matching translation-guide.md's rule to flip only icons that point. */
html[dir="rtl"] .icon-chevron,
html[dir="rtl"] .icon-back {
  transform: scaleX(-1);
}

/* The language switcher's own box model is direction-agnostic already (logical properties
   throughout, see i18n-fonts.css), so nothing further is needed here beyond the mirrored
   list markers and icons above. */