From ff967f0b7bb7b30592f0f8fa84684474ab592f07 Mon Sep 17 00:00:00 2001
From: Xor290 <free6nk33@gmail.com>
Date: Mon, 22 Jun 2026 22:00:15 +0200
Subject: [PATCH] fix: rename coming-soon classes to avoid CSS conflict with
 ProductCard

ProductCard.css also defines .coming-soon-overlay with rotate(-15deg)
causing the diagonal display. Renamed category-level classes to
category-cs-overlay/text/desc to isolate them from product card styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend-prep/src/pages/User/Accueil.tsx     | 6 +++---
 frontend-prep/src/pages/User/UserAccueil.css | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend-prep/src/pages/User/Accueil.tsx b/frontend-prep/src/pages/User/Accueil.tsx
index bfba9179..9d95e464 100644
--- a/frontend-prep/src/pages/User/Accueil.tsx
+++ b/frontend-prep/src/pages/User/Accueil.tsx
@@ -179,9 +179,9 @@ function UserAccueil() {
                 </div>
 
                 {isSelectedComingSoon ? (
-                    <div className="coming-soon-overlay">
-                        <span className="coming-soon-text">Prochainement</span>
-                        <p className="coming-soon-desc">
+                    <div className="category-cs-overlay">
+                        <span className="category-cs-text">Prochainement</span>
+                        <p className="category-cs-desc">
                             Les produits de cette catégorie arrivent bientôt !
                         </p>
                     </div>
diff --git a/frontend-prep/src/pages/User/UserAccueil.css b/frontend-prep/src/pages/User/UserAccueil.css
index 314e4942..67fb563c 100644
--- a/frontend-prep/src/pages/User/UserAccueil.css
+++ b/frontend-prep/src/pages/User/UserAccueil.css
@@ -20,7 +20,7 @@
 }
 
 /* ===== COMING SOON OVERLAY ===== */
-.coming-soon-overlay {
+.category-cs-overlay {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -30,7 +30,7 @@
     gap: 16px;
 }
 
-.coming-soon-text {
+.category-cs-text {
     font-size: clamp(1.6rem, 5vw, 2rem);
     font-weight: 400;
     color: #8e8fe8;
@@ -41,7 +41,7 @@
     animation: pulse-scale 4s ease-in-out infinite;
 }
 
-.coming-soon-desc {
+.category-cs-desc {
     font-size: 1rem;
     color: rgba(142, 143, 232, 0.7);
     text-align: center;