Remove locale switch jump from header nav

components/layout/site-header.tsx

@@ -84,11 +84,7 @@ function NavLinks({
               onClick={onNavigate}
             >
               {isActive ? (
-                <motion.span
+                <span className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs" />
-                  layoutId={`site-header-active-tab-${locale}`}
-                  className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs"
-                  transition={{ type: "spring", stiffness: 380, damping: 30 }}
-                />
               ) : null}
               {t(item.key)}
             </Link>
@@ -233,7 +229,10 @@ export function SiteHeader({
               initial={false}
               animate={isScrolled ? { y: -1, scale: 0.985 } : { y: 0, scale: 1 }}
               transition={reducedMotion ? { duration: 0 } : { duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
-              className="inline-flex min-w-[31rem] items-center justify-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome"
+              className={cn(
+                "inline-flex items-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome",
+                isArabic ? "w-auto max-w-none" : "min-w-[27rem] max-w-[42rem]",
+              )}
             >
               <NavLinks />
             </motion.nav>