/* Arabic / right-to-left overrides. Loaded only on /ar/ pages (html[dir=rtl]). */
:root{--font:'IBM Plex Sans Arabic','Geist',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif}
html[dir=rtl] body{font-family:var(--font);letter-spacing:0;line-height:1.7}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .display,html[dir=rtl] .h2,html[dir=rtl] .h3{letter-spacing:0;line-height:1.3}
html[dir=rtl] .display{line-height:1.2}
html[dir=rtl] .eyebrow,html[dir=rtl] .meta-line{letter-spacing:0;text-transform:none}

/* keep product mock-ups, code and numbers left-to-right */
html[dir=rtl] .shot,html[dir=rtl] .shot-in,html[dir=rtl] pre,html[dir=rtl] code,html[dir=rtl] .mono,html[dir=rtl] [data-ltr],html[dir=rtl] .ltr{direction:ltr;text-align:left}
html[dir=rtl] .shot-in{left:0;right:auto}

/* positioning */
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{left:auto;right:16px}
html[dir=rtl] .nav-cta{margin-left:0;margin-right:auto}
html[dir=rtl] .nav-cta .ax-sw{margin-right:0;margin-left:4px}
html[dir=rtl] .ax-sw-foot{margin-left:0;margin-right:auto}
html[dir=rtl] .ax-menu{right:auto;left:0}
html[dir=rtl] .ax-menu a,html[dir=rtl] .ax-btn{font-family:var(--font)}
html[dir=rtl] .ax-menu em{font-family:var(--mono)}
html[dir=rtl] .modal-x{right:auto;left:16px}
html[dir=rtl] .faq summary{padding-right:0;padding-left:56px}
html[dir=rtl] .faq summary::after{right:auto;left:22px}
html[dir=rtl] .faq .ans ul,html[dir=rtl] .faq .ans ol,html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-right:22px}
html[dir=rtl] .prose th,html[dir=rtl] .prose td,html[dir=rtl] .matrix th,html[dir=rtl] .matrix td,html[dir=rtl] .plan{text-align:right}
html[dir=rtl] .matrix td.c,html[dir=rtl] .matrix th.c{text-align:center}
html[dir=rtl] .rate-table td:last-child{text-align:left}
html[dir=rtl] .mod-top .from{margin-left:0;margin-right:auto;text-align:left}
html[dir=rtl] .cta-band::after{right:auto;left:-120px}
html[dir=rtl] .step>p{margin-left:0}
html[dir=rtl] .center .lede,html[dir=rtl] .sec-head.center{margin-left:auto;margin-right:auto}

/* directional glyphs */
html[dir=rtl] .link-arrow svg,html[dir=rtl] .btn svg.arr,html[dir=rtl] .arr{transform:scaleX(-1)}
html[dir=rtl] .crumbs span{transform:scaleX(-1)}

/* price and numeric runs read naturally inside RTL paragraphs */
html[dir=rtl] .sum-total,html[dir=rtl] .sum-line span:last-child,html[dir=rtl] .tier,html[dir=rtl] .plan strong,html[dir=rtl] .mod-top .from{unicode-bidi:plaintext}
html[dir=rtl] .nv-menu{left:auto;right:-8px}
html[dir=rtl] .nav-links .nv-menu a,html[dir=rtl] .nv-btn,html[dir=rtl] .mobile-menu .mm-g summary{font-family:var(--font)}
