From adda47b8ae3770a845d76ca0e7bfa0ac67e2c4ac Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 30 Jan 2026 10:17:15 +0100
Subject: [PATCH] =?UTF-8?q?FEATURE=20Am=C3=A9lioration=20des=20styles=20de?=
 =?UTF-8?q?=20survol=20et=20ajout=20de=20transitions=20pour=20les=20=C3=A9?=
 =?UTF-8?q?l=C3=A9ments=20du=20menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/css/layout/nav/primary-menu.css | 44 +++++++++++++++++++----
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/resources/css/layout/nav/primary-menu.css b/resources/css/layout/nav/primary-menu.css
index a5f7975..df6036c 100644
--- a/resources/css/layout/nav/primary-menu.css
+++ b/resources/css/layout/nav/primary-menu.css
@@ -63,6 +63,7 @@
 			text-lg
 			text-center;
 
+      &:hover > button,
       &:hover > a,
       a:focus {
         @apply cursor-pointer
@@ -116,14 +117,16 @@
         @apply w-7 h-7 object-contain object-center;
         transition: transform 0.3s ease-out;
       }
-      &:hover .page_icon {
+
+      &:hover > button > .page_icon,
+      &:hover > a > .page_icon {
         transform: scale(1.2);
       }
     }
     li.menu-item.menu-item-has-children:hover {
-      &:hover .page_icon {
+      /* &:hover .page_icon {
         transform: none;
-      }
+      } */
       @screen lg {
         .menu-item-submenu-toggle:after {
           transform: rotate(180deg);
@@ -167,29 +170,58 @@
           translate: 0 -30px;
         }
       }
+      li.current-menu-item {
+        a {
+          @apply no-underline;
+          .menu-item__title {
+            @apply !underline underline-offset-8 decoration-1 decoration-secondary;
+          }
+        }
+      }
 
       li {
-        @apply lg:text-left;
+        @apply max-w-3xl w-full lg:text-left;
         border-bottom: 1px solid #fff;
+
         &:nth-last-child(-n + 2),
         &:last-child {
           border-bottom: none;
         }
-        @apply max-w-3xl w-full;
 
         &:nth-child(odd) {
           @apply ml-auto;
         }
+
+        .page_subtitle {
+          @apply opacity-80 font-light mt-1;
+        }
+
         &.menu-item.has-page-icon a {
-          @apply flex gap-4 items-center justify-start flex-row p-6 py-8;
+          @apply flex gap-6 items-center justify-start flex-row p-6 py-8;
           .page_icon {
             @apply w-12 h-12;
           }
         }
+        .menu-item__content-inner {
+          transition: all 0.3s ease-out;
+          span {
+            @apply block;
+          }
+        }
         &:hover {
           @apply bg-black/10;
           a {
             @apply gap-12;
+            .page_icon {
+              transform: none !important;
+            }
+            @apply no-underline;
+            .menu-item__content-inner {
+              transform: translateX(4px);
+            }
+            .menu-item__title {
+              @apply !underline;
+            }
           }
         }
       }