From 759cc69b9930c9553963546bf04e7a0dec69342d Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Mon, 11 May 2026 12:21:12 +0200
Subject: [PATCH] FEATURE Add custom styles for catalogue menu item with hover
 effect

---
 resources/css/layout/nav/primary-menu.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/resources/css/layout/nav/primary-menu.css b/resources/css/layout/nav/primary-menu.css
index 350c7b8..ca8acf6 100644
--- a/resources/css/layout/nav/primary-menu.css
+++ b/resources/css/layout/nav/primary-menu.css
@@ -335,6 +335,22 @@ body:has(.primary-menu-container .sub-menu-open) {
   }
 }
 
+.menu-item-object-custom.item-catalogue {
+  a {
+    @apply flex flex-col items-center justify-center gap-4;
+  }
+  a:before {
+    @apply content-[''] block  bg-contain bg-center bg-no-repeat;
+    @apply w-7 h-7 object-contain object-center;
+    background-image: url('../resources/img/icons/icon-catalogue.svg');
+    transition: transform 0.3s ease-out;
+  }
+  &:hover {
+    a:before {
+      transform: scale(1.2);
+    }
+  }
+}
 li#menu-item-1836 {
   @apply border border-white relative;
   width: 100%;