udpate

assets/css/nav.css

@@ -19,6 +19,27 @@
   );
   --aifo-nav-icon-box-border: rgba(255, 255, 255, 0.16);
   --aifo-nav-icon-box-border-hover: #353132;
+  /* Desktop: gap from logo to first menu item; tune per locale via body.lang-* */
+  --aifo-nav-menu-offset: 1.5rem;
+  --aifo-nav-menu-item-gap: 0.25rem;
+  --aifo-nav-menu-link-padding-x: 1rem;
+}
+
+/* Desktop: lock nav bar to layout offset used by .main / hero (6.100625rem) */
+@media (min-width: 768px) {
+  #nav.aifo-nav {
+    height: 6.100625rem;
+    min-height: 6.100625rem;
+    box-sizing: border-box;
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: center;
+  }
+
+  #nav.aifo-nav > .container {
+    height: 100%;
+    align-items: center;
+  }
 }
 
 /* Desktop: logo | centered menu | right actions */
@@ -32,9 +53,10 @@
   }
 
   #nav.aifo-nav .aifo-nav__menu {
-    flex: 1;
-    justify-content: center;
-    gap: 0.25rem;
+    flex: 0 1 auto;
+    justify-content: flex-start;
+    margin-left: var(--aifo-nav-menu-offset);
+    gap: var(--aifo-nav-menu-item-gap);
   }
 
   #nav.aifo-nav .aifo-nav__actions {
@@ -46,12 +68,23 @@
 
 #nav.aifo-nav .aifo-nav__menu .nav-link {
   color: var(--aifo-nav-text);
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: 600;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem var(--aifo-nav-menu-link-padding-x);
   gap: 0.35rem;
 }
 
+@media (min-width: 992px) {
+  /* Example: tighter menu when labels are longer */
+  /* body.lang-fr #nav.aifo-nav,
+  body.lang-pt #nav.aifo-nav,
+  body.lang-es #nav.aifo-nav {
+    --aifo-nav-menu-offset: 1.25rem;
+    --aifo-nav-menu-link-padding-x: 0.75rem;
+    --aifo-nav-menu-item-gap: 0.125rem;
+  } */
+}
+
 #nav.aifo-nav .aifo-nav__menu .nav-link .icon-a-arrow-down {
   font-size: 0.75rem;
   opacity: 0.85;
@@ -117,6 +150,7 @@
   margin: 0 !important;
   border-radius: 8px;
   overflow: hidden;
+  font-size: 1rem;
 }
 
 #nav.aifo-nav .aifo-nav__dropdown .dropdown-item + .dropdown-item {
@@ -132,7 +166,7 @@
   padding: 8px;
   color: #fff;
   font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  font-size: 18px;
+  font-size: 1rem;
   font-weight: 500;
   line-height: 20px;
   letter-spacing: -0.16px;
@@ -264,7 +298,7 @@
   gap: 6px;
   padding: 5px 9px;
   border-radius: 6px;
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: 300;
   color: #fff;
   transition: background 0.2s ease;
@@ -292,7 +326,7 @@
   align-items: center;
   gap: 0.375rem;
   color: var(--aifo-nav-text);
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: 300;
   padding: 0.5rem 0.25rem;
 }
@@ -339,18 +373,26 @@
 
 #nav.aifo-nav .aifo-nav__login {
   color: var(--aifo-nav-text);
-  font-size: 1.2rem;
+  font-size: 1rem;
 
   text-decoration: none;
   white-space: nowrap;
   padding: 0.5rem 0;
-  transition: color 0.2s ease;
+  transition: background-color 0.2s ease, color 0.2s ease;
 }
 
-#nav.aifo-nav .aifo-nav__login:hover,
-#nav.aifo-nav .aifo-nav__login:focus {
-  color: #f98715;
-  text-decoration: none;
+@media (min-width: 992px) {
+  #nav.aifo-nav .aifo-nav__login {
+    padding: 0.5rem 1rem;
+    border-radius: 6px;
+  }
+
+  #nav.aifo-nav .aifo-nav__login:hover,
+  #nav.aifo-nav .aifo-nav__login:focus {
+    color: var(--aifo-nav-text);
+    background-color: #353132;
+    text-decoration: none;
+  }
 }
 
 /* Nav CTA — 42px height to match bar proportions */
@@ -358,7 +400,7 @@
   padding: 0 1.25rem;
   min-height: 42px;
   height: 42px;
-  font-size: 0.875rem;
+  font-size: 1rem;
   font-weight: 500;
   border-radius: 8px;
   white-space: nowrap;
@@ -389,10 +431,23 @@
     justify-content: center;
   }
 
-  #nav.aifo-nav .aifo-nav__login {
-    display: block;
-    text-align: center;
-    padding: 0.75rem 0;
+  #nav.aifo-nav .aifo-nav__login.d-lg-none {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: 42px;
+    height: 42px;
+    padding: 0 1.25rem;
+    box-sizing: border-box;
+    border: 1px solid #666;
+    border-radius: 8px;
+  }
+
+  #nav.aifo-nav .aifo-nav__login:hover,
+  #nav.aifo-nav .aifo-nav__login:focus {
+    color: #f98715;
+    text-decoration: none;
   }
 
   #nav.aifo-nav .aifo-nav__dropdown {