/* ============================================================
   ARABIC (RTL) — loaded on /ar/ after the generated *.rtl.css copies.
   Holds only what a mirrored stylesheet cannot know: Arabic type,
   and the few parts that must keep reading left to right.
   ============================================================ */

/* Arabic letters join, so tracking would break the words; Arabic also needs taller lines than Latin display type */
html[dir="rtl"] body *{letter-spacing:0!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.3}
html[dir="rtl"] .band-note,html[dir="rtl"] p{line-height:1.75}
html[dir="rtl"] .mono,html[dir="rtl"] .btn,html[dir="rtl"] .band-num,html[dir="rtl"] .eyebrow{text-transform:none}

/* the logo, e-mail addresses, phone numbers and links read left to right */
html[dir="rtl"] .logo,html[dir="rtl"] .contact-brand,html[dir="rtl"] .brand{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:right}
html[dir="rtl"] input[type="email"]::placeholder,html[dir="rtl"] input[type="url"]::placeholder,html[dir="rtl"] input[type="tel"]::placeholder{text-align:right}

/* arrow icons drawn as SVG point the reading way (text arrows are mirrored by js/rtl.js) */
html[dir="rtl"] .pcard .go svg,html[dir="rtl"] #coursesPreview i svg{transform:scaleX(-1)}
html[dir="rtl"] output{direction:ltr}