Logo right of text, shifted up 8px

src/app/layout/Header.tsx

@@ -181,16 +181,9 @@ export default function Header() {
               textDecoration: 'none',
               flexShrink:     0,
               lineHeight:     1,
-              direction:      'ltr',
             }}
           >
-            <img
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
-              src="/logo.png"
-              alt="اندیشکده فولاد آینده"
-              style={{ height: 52, width: 'auto', display: 'block', flexShrink: 0 }}
-              className="max-md:h-[40px]"
-            />
-            <div style={{ display: 'flex', flexDirection: 'column', gap: 5, direction: 'rtl' }}>
               <span
                 style={{
                   fontSize:      19,
@@ -217,6 +210,13 @@ export default function Header() {
                 FUTURE STEEL POLICY INSTITUTE
               </span>
             </div>
+            <img
+              src="/logo.png"
+              alt=""
+              aria-hidden="true"
+              style={{ height: 52, width: 'auto', display: 'block', flexShrink: 0, marginTop: -8 }}
+              className="max-md:h-[40px]"
+            />
           </NavLink>
 
           {/* ── Center: Nav (desktop only) ── */}