/* The Arabic pages of davision.ai (/ar/..., .site-build/site_i18n.py): the whole document runs right to left
   (<html dir="rtl">). Flex, grid and text follow the direction on their own; this file mirrors what the shared styles
   place with left and right, turns the arrows round, and keeps what is a picture of a line (logo strips, charts,
   timelines drawn left to right, the walls of faces) running left to right. Leo's frame and the language menu keep
   their own sides. Loaded after every other stylesheet; bump site_i18n.V_I18N with every change. */

/* Arabic letters join: no tracking, and a little more room between lines for the dots and marks */
[dir="rtl"] body, [dir="rtl"] body * { letter-spacing: 0 !important; }
[dir="rtl"] h1, [dir="rtl"] h2 { line-height: 1.3; }
[dir="rtl"] h3, [dir="rtl"] h4 { line-height: 1.4; }

/* arrows point the way the page reads */
[dir="rtl"] .cs-btn svg, [dir="rtl"] .btn svg, [dir="rtl"] .mx-arr:not(.mx-arr--out) { transform: scaleX(-1); }
[dir="rtl"] .cs-btn:hover svg, [dir="rtl"] .btn:hover svg { transform: scaleX(-1) translateX(3px); }

/* email addresses, phone numbers and web addresses read left to right inside Arabic text */
[dir="rtl"] a[href^="mailto:"], [dir="rtl"] a[href^="tel:"], [dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"] { text-align: right; }

/* the language menu sits at the left end of the bar here, so it opens towards the right */
[dir="rtl"] .pg-lang-menu { right: auto; left: 0; transform-origin: top left; }

/* a line a few pixels wider than the screen (the big motto) would make the page scroll sideways towards the left;
   clip, unlike hidden, keeps sticky parts working */
html[dir="rtl"] { overflow-x: clip; }