/* ===== RTL overrides for the Arabic version (website/ar/) =====
   Loaded AFTER style.css. Flips the physical left/right properties that
   the LTR stylesheet hard-codes, and sets an Arabic-friendly font stack. */

html[dir="rtl"] body {
  font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Kufi Arabic", "Arial", sans-serif;
}

/* Table cells should read right-to-left */
html[dir="rtl"] .spec-table th,
html[dir="rtl"] .spec-table td { text-align: right; }

/* Flip decorative left borders to the right side for RTL reading flow */
html[dir="rtl"] .parts-intro {
  border-left: none;
  border-right: 5px solid #0F6E56;
}
html[dir="rtl"] .parts-section-head {
  border-left: none;
  border-right: 4px solid #0F6E56;
  border-radius: 8px 0 0 8px;
}
html[dir="rtl"] .cf-fin {
  border-left: none;
  border-right: 4px solid #0F6E56;
}
html[dir="rtl"] .cf-fin strong { margin-right: 0; margin-left: 6px; }

/* Spacing flips */
html[dir="rtl"] .topbar-left span { margin-right: 0; margin-left: 20px; }
html[dir="rtl"] .scenario-title .st-ico { margin-right: 0; margin-left: 10px; }

/* Keep icon-first layouts visually balanced in RTL */
html[dir="rtl"] .hero-logo { margin: 0 0 18px; }

html[dir="rtl"] .case-study{border-right:none;border-left:4px solid #0F6E56;}
html[dir="rtl"] .placeholder-img, html[dir="rtl"] .trust-card, html[dir="rtl"] .pe-block{text-align:right;}
html[dir="rtl"] .stat-big-label{max-width:240px;}

/* Real product photos: same layout works in RTL (grids are direction-neutral). */