From 2ab4375fba447c17511b6ce9f1e367cb8ad46d60 Mon Sep 17 00:00:00 2001
From: alireza <alirezaameria2@gmail.com>
Date: Mon, 1 Jun 2026 09:41:07 +0330
Subject: [PATCH] Fix brand RTL: logo first in DOM so text flows RTL beside it

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/layout/Header.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/app/layout/Header.tsx b/src/app/layout/Header.tsx
index 98c7726..42c209b 100644
--- a/src/app/layout/Header.tsx
+++ b/src/app/layout/Header.tsx
@@ -181,9 +181,15 @@ export default function Header() {
               textDecoration: 'none',
               flexShrink:     0,
               lineHeight:     1,
-              direction:      'ltr',
             }}
           >
+            <img
+              src="/logo.png"
+              alt=""
+              aria-hidden="true"
+              style={{ height: 52, width: 'auto', display: 'block', flexShrink: 0, marginTop: -8 }}
+              className="max-md:h-[40px]"
+            />
             <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
               <span
                 style={{
@@ -211,13 +217,6 @@ 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) ── */}