/* Halden House — right-to-left adjustments for Arabic (loaded only when <html dir="rtl">).
   The theme layouts use flexbox and grid, so most of the page mirrors by itself; this file handles the rest. */

/* direction icons point the other way */
[dir=rtl] .bi-arrow-right::before,
[dir=rtl] .bi-chevron-right::before,
[dir=rtl] .bi-arrow-up-right::before { display: inline-block; transform: scaleX(-1); }

/* scrolling ribbons and circular badges are laid out left-to-right; the Arabic words inside still read correctly */
[dir=rtl] [data-marquee],
[dir=rtl] [data-marquee-rev] { direction: ltr; }

/* Arabic needs a little more line height than the Latin display faces were set with */
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3 { line-height: 1.25; letter-spacing: 0 !important; }
[dir=rtl] body { letter-spacing: 0; }

/* letter-spaced uppercase labels break Arabic joining */
[dir=rtl] main *, [dir=rtl] header *, [dir=rtl] footer * { letter-spacing: 0 !important; }

/* numbers, prices, emails and phone numbers stay left-to-right inside Arabic sentences */
[dir=rtl] input[type=email], [dir=rtl] input[type=tel], [dir=rtl] input[type=date] { direction: ltr; text-align: right; }

/* article text */
[dir=rtl] .hh-article-h2 { text-align: right; }
[dir=rtl] blockquote { border-left: 0; }

/* typed values (names, emails, phone numbers) take the direction of what was typed */
[dir=rtl] input, [dir=rtl] textarea { unicode-bidi: plaintext; }