/*
 * Structural mirroring for the English (LTR) experience. The base design
 * (assets/css/global.css) is authored RTL-first with physical left/right
 * properties in a handful of places; this file flips exactly those, scoped
 * to [dir="ltr"] so the Arabic (RTL) experience is completely untouched.
 * Loaded only on pages rendered with dir="ltr".
 */

[dir="ltr"] .hero-copy{text-align:left;margin-right:0!important;margin-left:0!important}
[dir="ltr"] .hero-dots{right:auto!important;left:max(24px,calc((100vw - 1380px)/2))!important}

[dir="ltr"] .mobile-menu-panel{right:auto;left:0;transform:translateX(-105%);box-shadow:18px 0 50px rgba(0,0,0,.16)}
[dir="ltr"] .mobile-menu-panel.open{transform:none}
[dir="ltr"] .mobile-menu-close{left:auto;right:16px}

[dir="ltr"] .process-number{left:auto;right:14px}

[dir="ltr"] .footer-col a:hover{transform:translateX(3px)}

@media(max-width:768px){
  [dir="ltr"] .hero-dots{left:18px!important;right:auto!important}
  [dir="ltr"] .process-card{text-align:left}
  [dir="ltr"] .process-number{left:auto!important;right:9px!important}
}