/* FAMILY 2 kit, English (left to right). Loaded after kit.css on the en-*.html pages only.
   The kit is written for Arabic: logical properties carry most of the layout across, this file fixes the rest
   (Latin type, arrows that point "forward", the few physical paddings and nudges). */
body{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
:is(.h1,.h2){letter-spacing:-.022em}
:is(.h3,.h4,.md-t,.md-done h2){letter-spacing:-.012em}
.eb{letter-spacing:.01em}

/* forward arrows: the Arabic kit draws them pointing left */
.arw,.svc-go svg,
svg:has(> use[href="#i-arrow"]),svg:has(> use[href="#i-arrow-back"]),
svg:has(> use[href="#i-chev-fwd"]),svg:has(> use[href="#i-chev-back"]){transform:scaleX(-1)}
a.svc:hover .svc-go,a.rel:hover .svc-go{transform:translateX(4px)}

/* physical paddings and photos mirrored to face inward in Arabic */
.feat-txt{padding:30px 40px 30px 52px}
.vis-photo>img.flip,.xp-media>img.flip{transform:none}

/* form fields read left to right */
.fld input{text-align:left}
.ft-go svg{transform:scaleX(-1)}
/* mobile menu: "Services" opens forward, "Back" returns */
#mnSubBtn svg,#mnBack svg{transform:scaleX(-1)}