/* ===== RTL overrides — applies when <html dir="rtl"> (Arabic / Urdu) ===== */
html[dir="rtl"] body{font-family:'Inter','Segoe UI','Tahoma',sans-serif;}
html[dir="rtl"] .langbar .wrap,
html[dir="rtl"] .nav .wrap,
html[dir="rtl"] .section-head,
html[dir="rtl"] .band-dark .wrap,
html[dir="rtl"] .hero .cta-row{flex-direction:row-reverse;}
html[dir="rtl"] .lang-label{margin-right:0;margin-left:4px;}
html[dir="rtl"] .badge{left:auto;right:12px;}
html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero p.lede,
html[dir="rtl"] .page-hero p,
html[dir="rtl"] .prose,
html[dir="rtl"] .pcard .body{text-align:right;}
html[dir="rtl"] .wa-float{right:auto;left:26px;}
html[dir="rtl"] .wa-popup{right:auto;left:26px;transform-origin:bottom left;}
html[dir="rtl"] .bubble{border-radius:10px 0 10px 10px;}
html[dir="rtl"] .hero-watermark{right:auto;left:-80px;}
html[dir="rtl"] .spec-table .r:nth-child(odd){border-right:none;border-left:1px solid #f1f4f7;}
html[dir="rtl"] .stats .cell{border-right:none;border-left:1px solid rgba(255,255,255,.16);}
html[dir="rtl"] .stats .cell:last-child{border-left:none;}
@media(max-width:560px){
  html[dir="rtl"] .wa-float{left:18px;}
  html[dir="rtl"] .wa-popup{left:14px;}
}
