/* ==========================================================================
   ASG — rtl.css (Arabic)
   Only what logical properties cannot flip: directional transforms,
   transform-origins, gradient directions, icon mirroring, Arabic typography.
   Loaded when is_rtl().
   ========================================================================== */

:root{--asg-dir:-1;--asg-origin-start:right;--asg-to-end:left;--asg-off:-100%;--asg-tilt:24deg}

/* Icons that point: drawn for LTR, mirrored here */
.asg-flip{transform:scaleX(-1)}
.asg-btn:hover .asg-ico.asg-flip,.asg-link:hover .asg-ico.asg-flip{transform:scaleX(-1) translateX(4px)}
.asg-rot180{transform:rotate(180deg) scaleX(-1)}

/* Service card "go" arrow rotates the other way */
[dir="rtl"] .asg-sc:hover .asg-sc__gi{transform:rotate(-45deg)}
[dir="rtl"] .asg-pc__go{transform:scale(.6) rotate(45deg)}
[dir="rtl"] .asg-pc:hover .asg-pc__go{transform:none}

/* Sweeping highlights start from the reading side */
.asg-btn::after{transform:translateX(120%)}
.asg-btn:hover::after{transform:translateX(-120%)}
[dir="rtl"] .asg-sc::after{left:auto;right:-70%;transition:right .9s var(--asg-ease)}
[dir="rtl"] .asg-sc:hover::after{left:auto;right:130%}

/* Arabic typography: no tracking, a touch more line-height */
body{letter-spacing:0}
.asg-hero__title,.asg-title,.asg-ban__title{letter-spacing:0}
