/* Arabic (dir=rtl) baseline. Loaded only when the interface is RTL.
   Page-specific mirroring lives next to the page's own CSS as [dir=rtl] rules. */
html[dir=rtl] body{font-family:"Noto Sans Arabic","Segoe UI","Tahoma","Geeza Pro",Inter,"Open Sans",Arial,sans-serif;letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,
html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:inherit;letter-spacing:0!important}
html[dir=rtl] body{line-height:1.7}
/* Latin data stays readable: URLs, emails, domains, code, numbers in inputs */
html[dir=rtl] input[type=url],html[dir=rtl] input[type=email],html[dir=rtl] input[type=number],
html[dir=rtl] input[type=tel],html[dir=rtl] code,html[dir=rtl] pre,html[dir=rtl] kbd,html[dir=rtl] .sb-ltr{direction:ltr;text-align:left}
html[dir=rtl] input[type=url]::placeholder,html[dir=rtl] input[type=email]::placeholder{text-align:right}
/* Bootstrap 3 helpers used across /app */
html[dir=rtl] .pull-left{float:right!important}
html[dir=rtl] .pull-right{float:left!important}
html[dir=rtl] .text-left{text-align:right!important}
html[dir=rtl] .text-right{text-align:left!important}
html[dir=rtl] .dropdown-menu{text-align:right}
/* Directional glyphs that mean "forward/back" flip; logos, media controls and charts do not */
html[dir=rtl] .sb-flip-rtl,html[dir=rtl] .c-left-sidebar-toggle__icon{transform:scaleX(-1)}
/* Off-screen parking must use the inline-END side in RTL: overflow to the left is scrollable
   in an RTL document, so `left:-9999px` made the homepage 11,279px wide. */
html[dir=rtl] .skip{left:auto;right:-9999px}
html[dir=rtl] .skip:focus{right:0}
/* Marquee strips scroll a fixed-direction track; in RTL the flex track grew leftwards and
   widened the page. The strip keeps its LTR motion (its cards are English journey stories). */
html[dir=rtl] .jproof .jp-strip{direction:ltr}
/* Public-page product drawings (nb/_lbc-art, _lbs-art, _shots, _rel-art) are pictures of
   left-to-right screens laid out in user units. SVG <text> inherits `direction`, and under rtl
   every text-anchor flips side, which threw the labels off their boxes (measured in Chrome:
   "The SEO Checklist" drawn from x=-130). The drawings stay LTR; labels inside them may be Arabic. */
html[dir=rtl] svg.shot,html[dir=rtl] svg.step-art,html[dir=rtl] svg.m-art{direction:ltr}
/* "Go on" chevrons and arrows on the public pages point the reading way. The "›" between the
   steps INSIDE the drawings above stays: the drawing itself still reads left to right. */
html[dir=rtl] .route .go svg,html[dir=rtl] .foot .btn.plain svg{transform:scaleX(-1)}
html[dir=rtl] .claim-journeys .go{margin-left:0;margin-right:6px;transform:scaleX(-1)}
html[dir=rtl] .claim-journeys:hover .go{transform:scaleX(-1) translateX(3px)}
/* Public FAQ accordions (nb/_chrome-css .qa): the chevron and its 44px gutter belong on the inline-end side;
   without this the arrow sat on the first words of every Arabic question. */
html[dir=rtl] .qa summary{padding:19px 0 19px 44px}
html[dir=rtl] .qa summary::after{right:auto;left:8px}