From 055119c95a96c2058cd174509807293d12e1b33b Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Wed, 10 Sep 2025 16:42:38 +0200
Subject: [PATCH] wait #7657 @3:00

---
 web/app/themes/lyveas/functions.php           | 11 ++++
 .../themes/lyveas/resources/styles/menu.css   | 55 +++++++++++++++++++
 .../resources/views/sections/header.blade.php |  4 ++
 3 files changed, 70 insertions(+)
 create mode 100644 web/app/themes/lyveas/resources/styles/menu.css

diff --git a/web/app/themes/lyveas/functions.php b/web/app/themes/lyveas/functions.php
index 7d8b0d8..1baae9b 100644
--- a/web/app/themes/lyveas/functions.php
+++ b/web/app/themes/lyveas/functions.php
@@ -76,4 +76,15 @@ collect(['helpers', 'setup', 'filters'])
 |
 */
 
+function menu_css() {
+    wp_enqueue_style(
+        'menu-css', // identifiant
+        get_stylesheet_directory_uri() . '/resources/styles/menu.css', // chemin
+        array(), // dépendances (ex: ['style.css'])
+        '1.0' // version
+    );
+}
+add_action('wp_enqueue_scripts', 'menu_css');
+
 add_theme_support('sage');
+
diff --git a/web/app/themes/lyveas/resources/styles/menu.css b/web/app/themes/lyveas/resources/styles/menu.css
new file mode 100644
index 0000000..d0475be
--- /dev/null
+++ b/web/app/themes/lyveas/resources/styles/menu.css
@@ -0,0 +1,55 @@
+@media (min-width: 767px) {
+  body:not(.home) {
+    margin-top: 95px !important;
+  }
+  .menu-opener {
+    display: none !important;
+  }
+  .site-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: var(--color-navy);
+    width: 100%;
+    z-index: 22;
+    height: 95px;
+
+    .site-logo {
+      --logo-text-color: white;
+      top: 50% !important;
+      transform: translateY(-50%);
+      padding-top: 0 !important;
+      padding-bottom: 0 !important;
+      position: absolute !important;
+    }
+
+    .site-navigation-container-desktop {
+      position: absolute;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: auto;
+      padding-right: var(--body-gutter);
+
+      .site-navigation-menu-desktop {
+        display: flex;
+        color: white;
+        gap: 37px;
+
+        .current-menu-item {
+          color: var(--color-orange)
+        }
+
+        li:first-of-type {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .site-navigation-container-desktop {
+    display: none;
+  }
+}
diff --git a/web/app/themes/lyveas/resources/views/sections/header.blade.php b/web/app/themes/lyveas/resources/views/sections/header.blade.php
index 42ba89f..54302fe 100644
--- a/web/app/themes/lyveas/resources/views/sections/header.blade.php
+++ b/web/app/themes/lyveas/resources/views/sections/header.blade.php
@@ -3,6 +3,10 @@
     <x-sprite name="site-logo" class="site-logo"></x-sprite>
   </a>
 
+  <nav class="site-navigation-container-desktop content-container">
+    {!! wp_nav_menu(['theme_location' => 'navigation_primary', 'menu_class' => 'site-navigation-menu-desktop', 'echo' => false]) !!}
+  </nav>
+
   <button class="menu-opener" @click.prevent="menuOpen = !menuOpen">
     <x-sprite name="menu-icon" x-show="!menuOpen"></x-sprite>
     <x-sprite name="menu-close" x-show="menuOpen" x-cloak style="width: 30%"></x-sprite>
-- 
2.39.5