From 4cdc50ed5d64d45c42e2da129310e8aadfa088a6 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 13 May 2026 11:53:22 +0200
Subject: [PATCH] STYLE Refining aspect

---
 resources/css/components/search-module.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/resources/css/components/search-module.css b/resources/css/components/search-module.css
index 3e2e95c..26c317b 100644
--- a/resources/css/components/search-module.css
+++ b/resources/css/components/search-module.css
@@ -83,7 +83,8 @@
       height: 1px;
     }
 
-    &__input {
+    &__input.search-module__search-form__input {
+ 
       box-sizing: border-box;
       @apply block max-w-full w-full flex-grow !py-4  !border-white px-4 !pl-12 focus-visible:ring-primary focus-visible:ring-2;
       @apply border rounded-none;
@@ -93,6 +94,10 @@
       border-bottom-left-radius: 999px;
       border: 1px solid; */
 
+
+      &:focus-visible {
+        @apply !pl-12
+      }
       /* box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; */
     }
     button[type='submit'] {
@@ -108,7 +113,7 @@
   &__searchbar-group {
     @apply w-full flex flex-col md:flex-row gap-y-4 relative;
     &:before {
-      @apply content-[''] absolute inset-0  bg-contain bg-center bg-no-repeat w-6 h-6 left-4 top-1/2 -translate-y-1/2;
+      @apply content-[''] absolute inset-0  bg-contain bg-center bg-no-repeat w-6 h-6 left-4 top-1/2 -translate-y-1/2 z-20;
       background-image: url('../resources/img/icons/carhop-rechercher.svg');
       filter: invert(1);
     }
@@ -126,3 +131,12 @@
 body:has(.search-module[opened]) main {
   filter: blur(2px) brightness(0.8);
 }
+
+
+body.front-end form:not(:has(.gfield)) {
+  .search-module__search-form__input:focus-visible,
+  .search-module__search-form__input{
+
+    @apply !pl-12
+  }
+}
\ No newline at end of file