From e2fba59e2ae80c3e7a11c30c0a5d13e37b5044fb Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 3 Sep 2025 13:11:32 +0200
Subject: [PATCH] RESPONSIVE FIX reducing gap on mobile

---
 resources/css/libs/swiper.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/resources/css/libs/swiper.css b/resources/css/libs/swiper.css
index 57e2186..80b03d7 100644
--- a/resources/css/libs/swiper.css
+++ b/resources/css/libs/swiper.css
@@ -3,15 +3,13 @@
   --swiper-pagination-bullet-height: 2px;
   --swiper-pagination-bullet-width: 100%;
   --swiper-pagination-bullet-horizontal-gap: 0px;
-  --swiper-theme-color: var(
-    --wp--preset--color--primary
-  ) !important;
+  --swiper-theme-color: var(--wp--preset--color--primary) !important;
   --swiper-pagination-color: transparent !important;
   --swiper-pagination-bullet-inactive-color: transparent !important;
 }
 
 .swiper-pagination {
-  @apply h-fit flex gap-12 !static;
+  @apply h-fit flex gap-4 lg:gap-12 !static;
   top: unset !important;
   bottom: 0px !important;
   z-index: 100 !important;
@@ -42,5 +40,5 @@
   }
 }
 .swiper-wrapper {
-  @apply mb-4;
+  @apply mb-4 block lg:flex;
 }