From 23eb4184afa683064a429fc9b1dc14c8669b3215 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 20 Mar 2026 17:06:57 +0100
Subject: [PATCH] REFACTOR Moving the explore tags component from dynamiques
 theme to carhop theme

---
 resources/css/blocks/explore-tags.css | 54 +++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 resources/css/blocks/explore-tags.css

diff --git a/resources/css/blocks/explore-tags.css b/resources/css/blocks/explore-tags.css
new file mode 100644
index 0000000..36b6f4d
--- /dev/null
+++ b/resources/css/blocks/explore-tags.css
@@ -0,0 +1,54 @@
+.explore-tags {
+  @apply bg-carhop-purple-100 py-24 px-4 md:px-12 xl:px-24;
+  &.alignfull {
+    @apply !my-0;
+  }
+  .inner {
+    @apply max-w-screen-2xl mx-auto;
+    @apply lg:flex gap-16 xl:gap-32;
+  }
+
+  &__subtitle {
+    br {
+      display: none;
+    }
+    @screen lg {
+      br {
+        display: block;
+      }
+    }
+  }
+  .tag-list {
+    @apply flex gap-6 flex-wrap;
+
+    &__tag {
+      @apply text-lg font-normal border border-primary p-4 h-fit flex items-center gap-2;
+      svg {
+        transition: transform 0.3s ease-in-out;
+        @apply w-8 h-8;
+        circle {
+          @apply fill-primary stroke-transparent;
+        }
+        path {
+          @apply stroke-white;
+        }
+      }
+      &:hover {
+        @apply bg-primary text-white;
+        svg {
+          transform: rotate(90deg);
+          circle {
+            @apply fill-white;
+          }
+          path {
+            @apply stroke-primary;
+          }
+        }
+      }
+    }
+  }
+}
+
+.is-website-carhop .explore-tags {
+  @apply bg-carhop-orange-50;
+}