/* ============================================================
   RTL overrides for Arabic /ar/ — scoped to html[dir="rtl"]
   Keeps product codes, email, numbers, units in LTR.
   ============================================================ */
html[dir="rtl"] body{ direction:rtl; text-align:right; }
html[dir="rtl"] .container{ direction:rtl; }

/* Logo / brand text stays LTR (Latin brand name + codes) */
html[dir="rtl"] .logo,
html[dir="rtl"] .brand,
html[dir="rtl"] .logo-text{ direction:ltr; }

/* Topbar: flip the row but keep email/phone readable LTR */
html[dir="rtl"] .topbar .container{ flex-direction:row-reverse; }
html[dir="rtl"] .topbar a,
html[dir="rtl"] .topbar .topbar-contact,
html[dir="rtl"] .lang-switch{ direction:ltr; }
html[dir="rtl"] .lang-switch{ flex-direction:row; }

/* Breadcrumb: flow RTL, keep separators sensible */
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .crumbs{ direction:rtl; }

/* Spec tables: header/label column on the right */
html[dir="rtl"] table{ direction:rtl; }
html[dir="rtl"] th,
html[dir="rtl"] td{ text-align:right; }
/* Spec VALUES that are numeric/codes/units stay LTR-aligned */
html[dir="rtl"] td.spec-value,
html[dir="rtl"] .spec-table td:last-child{ direction:ltr; text-align:left; unicode-bidi:plaintext; }

/* Keep any element holding codes/numbers/units LTR */
html[dir="rtl"] .ltr,
html[dir="rtl"] [data-ltr],
html[dir="rtl"] code,
html[dir="rtl"] .product-code,
html[dir="rtl"] .stat-num,
html[dir="rtl"] .spec-num{ direction:ltr; unicode-bidi:embed; }

/* Cards / grids: let dir=rtl reflow; nudge icons/arrows */
html[dir="rtl"] .arrow,
html[dir="rtl"] .view-details{ transform:scaleX(-1); display:inline-block; }

/* List bullets and paddings mirror */
html[dir="rtl"] ul,
html[dir="rtl"] ol{ padding-right:1.2em; padding-left:0; }

/* Forms: labels & inputs right-aligned, placeholders RTL */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{ text-align:right; direction:rtl; }
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[name="email"]{ direction:ltr; text-align:left; }

/* WhatsApp float button stays bottom-right visually (fine in RTL) */
html[dir="rtl"] .hero-cta,
html[dir="rtl"] .cta-row{ flex-wrap:wrap; }