/* Arabic (RTL) overrides — loaded only by /ar/ pages, after the other stylesheets.
   Grid/flex order flips automatically with dir="rtl"; this file mirrors the physical left/right rules. */
body{font-family:Cairo,Tahoma,"Segoe UI",sans-serif;line-height:1.8}
h1,h2,h3{line-height:1.35}
/* Letter-spacing breaks Arabic letter joining */
*{letter-spacing:0!important}

/* Phone numbers and other LTR runs stay readable inside Arabic text */
a[href^="tel:"],.ltr{direction:ltr;unicode-bidi:isolate}

/* Mirrored hero backgrounds */
.hero{background:linear-gradient(270deg,#f5f9ff 0 76%,#e6f0ff 76%)}
.page-hero{background:linear-gradient(255deg,var(--color-surface) 0 72%,#e5effc 72%)}

/* Honeypot field: off-screen to the left would widen the page in RTL */
.form__hp{left:auto;right:-10000px}

/* Header & navigation */
.skip-link{left:auto;right:.5rem}
.site-nav{margin-left:0;margin-right:auto}
.site-nav__toggle::after{margin-left:0;margin-right:.5rem}
.site-nav__submenu{left:auto;right:0}

/* Accent borders */
.form__status,.supplier-attribution,.technical-list li,.application-grid li,.why-grid li{border-left:0;border-right:4px solid var(--color-accent)}
.form__status{border-right-color:var(--color-primary)}
.form__status--error{border-right-color:var(--color-error)}
.step{border-left:0;border-right:1px solid var(--color-border)}
.benefit-groups ul{padding-left:0;padding-right:1.2rem}

/* Tables & spec lists */
.technical-table caption,.technical-table th,.technical-table td{text-align:right}
.technical-table--matrix th,.technical-table--matrix td{text-align:center}
.spec-list dd{text-align:left}

/* Floating WhatsApp: bottom-left in RTL */
.whatsapp-float{right:auto;left:1rem}
.wa-widget{right:auto;left:1rem}
.wa-widget__toggle{padding:0 1rem 0 1.25rem}
.wa-widget__badge{right:auto;left:-4px}
.wa-widget__panel{transform-origin:bottom left}
.wa-widget__bubble{border-radius:12px 0 12px 12px}
.wa-widget__compose button svg{transform:scaleX(-1)}

/* Lightbox */
.lightbox__close{right:auto;left:.75rem}

@media(max-width:900px){
  .menu-button{margin-left:0;margin-right:auto}
  .site-nav__submenu{margin:.2rem 1rem .5rem 0;border-left:0;border-right:2px solid var(--color-border)}
}
@media(max-width:640px){.wa-widget{right:auto;left:.75rem}}
@media(max-width:600px){
  .whatsapp-float{right:auto;left:.75rem}
  .spec-list dd{text-align:right}
  .hero{background:#f5f9ff}
}