From f9368052d600f2beed1ec41d03087f824164c987 Mon Sep 17 00:00:00 2001
From: Antoine <antoine.martinon@deligraph.com>
Date: Mon, 12 May 2025 16:56:04 +0200
Subject: [PATCH] STYLE Update navigation styles to improve link visibility and
 layout, including new styles for secondary menu and menu items with icons

---
 resources/css/layout/nav.css | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/resources/css/layout/nav.css b/resources/css/layout/nav.css
index 60e4fd3..54d2093 100644
--- a/resources/css/layout/nav.css
+++ b/resources/css/layout/nav.css
@@ -9,6 +9,10 @@
 	2xl:px-32
  	my-0;
 
+  a {
+    @apply text-white;
+  }
+
   nav#primary-menu-nav {
     @apply max-w-screen-2xl w-full mx-auto;
   }
@@ -30,9 +34,7 @@
 			gap-x-2 
 			lg:gap-x-4 
 			xl:gap-x-8
-			pr-0
-			lg:pr-4
-			xl:pr-24;
+			pr-0;
     }
 
     /* Highlight using list element */
@@ -55,7 +57,7 @@
         @apply cursor-pointer
 				underline
 				underline-offset-8
-				text-secondary;
+				text-white;
       }
       a:focus {
         text-decoration: none;
@@ -91,6 +93,13 @@
         transform: rotate(180deg);
       }
     }
+
+    li.menu-item.has-page-icon {
+      @apply flex flex-col items-center justify-end gap-3;
+      .page_icon {
+        @apply w-5 h-5 object-contain object-center;
+      }
+    }
     li.menu-item.menu-item-has-children:hover {
       @screen lg {
         .menu-item-submenu-toggle:after {
@@ -135,6 +144,19 @@
     }
   }
 }
+.secondary-menu-container {
+  @apply bg-primary flex justify-between items-center px-8 
+	2xl:px-32;
+  a {
+    @apply text-white;
+  }
+
+  .secondary-menu-nav {
+    ul {
+      @apply flex justify-between gap-4;
+    }
+  }
+}
 button#burger-menu-toggle {
   @apply lg:hidden 
 	absolute