/* Right-to-left overrides (Arabic, Urdu, Persian ...). Loaded only on RTL languages, after site.css. */
html[dir=rtl] body{direction:rtl;text-align:start;line-height:1.85}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{line-height:1.5}
html[lang=ur] body{line-height:2.1}
html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] h4{line-height:1.9}
html[dir=rtl] .eyebrow,html[dir=rtl] .eyebrow-light,html[dir=rtl] .fi-facts dt,html[dir=rtl] .pd-facts dt,html[dir=rtl] .pd-table thead th{text-transform:none}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[name=phone],html[dir=rtl] input[name=email]{direction:ltr;text-align:right}
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* header / navigation */
html[dir=rtl] .topbar a{margin-left:0;margin-right:1.2rem}
html[dir=rtl] .main-nav .sub{left:auto;right:0}
html[dir=rtl] .main-nav .sub2{left:auto;right:100%}
html[dir=rtl] .wa-float{right:auto;left:18px}
html[dir=rtl] .toast a{margin-left:0;margin-right:.6rem}
@media(max-width:1000px){html[dir=rtl] .main-nav .sub,html[dir=rtl] .main-nav .sub2{padding-left:0;padding-right:1rem}}
@media(max-width:620px){html[dir=rtl] .topbar a{margin:0 .6rem}}

/* hero + decorative gradients */
html[dir=rtl] .hero:before{background:linear-gradient(265deg,rgba(8,30,17,.9) 0%,rgba(10,38,22,.62) 42%,rgba(14,48,28,.08) 78%)}
html[dir=rtl] .hero-points li:before{margin-right:0;margin-left:.4rem}
html[dir=rtl] .h-line:after{left:auto;right:0}
html[dir=rtl] .breadcrumbs li+li:before{content:"\2039";margin-right:0;margin-left:.3rem}

/* lists with custom ticks */
html[dir=rtl] .ticks li{padding-left:0;padding-right:1.8rem}
html[dir=rtl] .ticks li:before{left:auto;right:0}
html[dir=rtl] .ab-ex-list li,html[dir=rtl] .ex-ticks li{padding-left:0;padding-right:1.8rem}
html[dir=rtl] .ab-ex-list li:before,html[dir=rtl] .ex-ticks li:before{left:auto;right:0}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol,html[dir=rtl] .alert ul{padding-left:0;padding-right:1.3rem}
html[dir=rtl] .prose blockquote,html[dir=rtl] .pd-note,html[dir=rtl] .fi-note{border-left:0;border-right:4px solid var(--lime);border-radius:10px 0 0 10px}
html[dir=rtl] .pd-note{border-right-color:#d99a2b}
html[dir=rtl] .fi-note{border-right-color:#e58a1f}

/* tables */
html[dir=rtl] .spec-table th,html[dir=rtl] .spec-table td,html[dir=rtl] .pd-table th,html[dir=rtl] .pd-table td,html[dir=rtl] .quote-table{text-align:right}
html[dir=rtl] .quote-table th:last-child,html[dir=rtl] .quote-table td:last-child{text-align:left}
html[dir=rtl] .fl-compare th,html[dir=rtl] .fl-compare td,html[dir=rtl] .fi-nut th,html[dir=rtl] .fi-nut td{text-align:left}
html[dir=rtl] .fl-compare thead th:first-child,html[dir=rtl] .fl-compare tbody th,html[dir=rtl] .fi-nut thead th:first-child,html[dir=rtl] .fi-nut tbody th,html[dir=rtl] .fi-nut .u,html[dir=rtl] .fi-nut thead th:nth-child(2){text-align:right}
html[dir=rtl] .dot,html[dir=rtl] .fi-facts dt span{margin-right:0;margin-left:.55rem}
html[dir=rtl] .fl-group-head small{margin-left:0;margin-right:.4rem}

/* product page */
html[dir=rtl] .pd-facts div{border-left:1px solid var(--line);border-right:4px solid var(--lime)}
html[dir=rtl] .pd-faq summary{padding:.9rem 1.1rem .9rem 3rem}
html[dir=rtl] .pd-faq summary:after{right:auto;left:1.1rem}

/* cards with side accents */
html[dir=rtl] .fl-source-box{border-left:1px solid var(--line);border-right:5px solid var(--earth)}
html[dir=rtl] .fl-group-head{border-left:0;border-right:4px solid var(--lime);padding-left:0;padding-right:1rem}
html[dir=rtl] .ab-pillars>div{border-left:1px solid var(--line);border-right:4px solid var(--lime);padding:1.1rem 4rem 1.1rem 1.3rem}
html[dir=rtl] .ab-pillars span{left:auto;right:1.1rem}
html[dir=rtl] .ab-stats .container>div{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .ab-stats .container>div:last-child{border:0}
@media(max-width:900px){html[dir=rtl] .ab-stats .container>div:nth-child(2){border-left:0}}
html[dir=rtl] .ind-card:before{transform-origin:right}
html[dir=rtl] .ind-steps li:not(:last-child):after{left:calc(-50% + 36px);right:calc(50% + 36px)}

/* arrows */
html[dir=rtl] .ind-link span,html[dir=rtl] .read-more span,html[dir=rtl] .hero-export i,html[dir=rtl] .hero-panel li i{transform:scaleX(-1)}
html[dir=rtl] .ind-link:hover span,html[dir=rtl] .read-more:hover span,html[dir=rtl] .hero-export:hover i{transform:scaleX(-1) translateX(4px)}
