/* Arabic (RTL). Loaded last; affects only html[dir="rtl"] / html[lang="ar"]. */
html[lang="ar"]{--mai-font:'Inter','IBM Plex Sans Arabic',system-ui,sans-serif}
/* Inter has no Arabic glyphs: give every element an Arabic fallback (icon pseudo-elements keep their own font). */
html[lang="ar"] body,html[lang="ar"] body *{font-family:'Inter','IBM Plex Sans Arabic',system-ui,sans-serif!important}
/* Letter-spacing breaks connected Arabic script; uppercase has no meaning. */
html[lang="ar"] body *{letter-spacing:0!important}
html[lang="ar"] body{line-height:1.7}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .hero-title,html[lang="ar"] .section-title{line-height:1.35!important}

/* Space-separated numbers (10 000, 1 000 000) must stay left-to-right inside Arabic text. */
html[dir="rtl"] #pricing .price-metrics strong,
html[dir="rtl"] #pricing .price-extra strong,
html[dir="rtl"] .stat-num,
html[dir="rtl"] #productsRoot .res b,
html[dir="rtl"] #productsRoot .feat .v,
html[dir="rtl"] #productsRoot .cov b{unicode-bidi:plaintext}

/* Arrows point the reading direction. */
html[dir="rtl"] #productsRoot .btn svg,
html[dir="rtl"] #productsRoot .link-more svg,
html[dir="rtl"] .btn-mai-primary .bi-arrow-right,
html[dir="rtl"] .bi-arrow-right,
html[dir="rtl"] .bi-arrow-up-right{transform:scaleX(-1)}

/* Category sidebar and its tooltips on the right side. */
html[dir="rtl"] .cat-sidebar{left:auto;right:16px}
html[dir="rtl"] .cat-sidebar-btn .cat-tip{left:auto;right:calc(100% + 10px)}
html[dir="rtl"] .cat-sidebar-btn .cat-tip::before{right:auto;left:100%;border-right-color:transparent;border-left-color:var(--text)}
@media(max-width:991px){html[dir="rtl"] .cat-sidebar{left:auto;right:8px}}
@media(max-width:575px){html[dir="rtl"] .cat-sidebar{left:auto;right:4px}}

/* Side rules and dividers move to the start (right) edge. */
html[dir="rtl"] #pricing .price-metrics>div+div{border-left:0;padding-left:0;border-right:1px solid var(--border);padding-right:15px}
html[dir="rtl"] #productsRoot .tab{text-align:right}
html[dir="rtl"] #productsRoot .tab:first-child{padding-left:18px;padding-right:0}
html[dir="rtl"] #productsRoot .td{padding-left:0;padding-right:30px}
html[dir="rtl"] #productsRoot .keynote{padding-left:0;border-left:0;padding-right:16px;border-right:3px solid var(--p-text)}
html[dir="rtl"] #productsRoot .goal-examples article+article{border-left:0;padding-left:0;border-right:1px solid var(--p-line);padding-right:44px}
html[dir="rtl"] #productsRoot .feat{border-left:0;border-right:1px solid var(--p-line)}
html[dir="rtl"] #productsRoot .feat:first-child{padding-right:0;padding-left:28px;border-right:0}
html[dir="rtl"] #productsRoot .pq-saying{padding:0 16px 0 0;border-left:0;border-right:3px solid var(--p-gold)}
html[dir="rtl"] #productsRoot .pq-flow li{padding:12px 0 4px 10px}
html[dir="rtl"] #productsRoot .pq-flow li+li{padding-left:10px;padding-right:12px;border-left:0;border-right:1px solid #2a3440}
html[dir="rtl"] #productsRoot .example{border-left:0;border-right:2px solid var(--p-muted)}
@media(max-width:700px){
 html[dir="rtl"] #productsRoot .keynote{padding-right:12px}
 html[dir="rtl"] #productsRoot .goal-examples article+article{border-right:0;padding:24px 0 0}
 html[dir="rtl"] #productsRoot .feat:nth-child(odd){padding-right:0;border:0}
}

/* Request form close button at the start edge. */
html[dir="rtl"] .rq-close{right:auto;left:14px}

/* Case index tab sits at the start (right) edge in Arabic. */
html[dir="rtl"] #productsRoot .case{border-top-left-radius:14px;border-top-right-radius:0}
html[dir="rtl"] #productsRoot .case-tab{left:auto;right:-1px;padding:0 16px 0 20px}