Update frontend/src/views/HomeView.vue

frontend/src/views/HomeView.vue

@@ -36,8 +36,6 @@
     <!-- Hero -->
     <section class="hero">
       <div class="hero-content">
-
-
         <h1 ref="titleEl">
           {{ t('hero.title1') }}<br>
           <em class="gold-text">{{ t('hero.title2') }}</em><br>
@@ -240,9 +238,8 @@ onMounted(async () => {
 .lang-btn:hover { border-color: var(--gold); color: var(--gold); background: rgba(201,168,76,0.08); }
 
 /* Nav button */
-.nav .btn-primary { background: transparent; border: 1.5px solid rgba(201,168,76,0.5); color: var(--gold); }
-.nav .btn-primary::after { background: var(--gold); }
-.nav .btn-primary:hover span { color: var(--ink); }
+.nav .btn-primary { background: transparent; border: 1.5px solid rgba(201,168,76,0.5); color: var(--gold); padding: 10px 20px; border-radius: 10px; display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
+.nav .btn-primary:hover { background: var(--gold); color: #0d1117; }
 
 /* Hero */
 .hero { min-height: 100vh; display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 120px 40px 80px; position: relative; z-index: 1; gap: 60px; }
@@ -328,6 +325,7 @@ h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 5vw, 4rem)
 .footer-logo-img { height: 96px; width: auto; opacity: 0.6; }
 .footer-copy { color: rgba(255,255,255,0.3); font-size: 0.85rem; }
 
+/* --- CORRECTIONS MOBILE CI-DESSOUS --- */
 @media (max-width: 768px) {
   .hero { flex-direction: column; padding: 120px 24px 60px; text-align: center; }
   .floating-cards { display: none; }
@@ -343,7 +341,14 @@ h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 5vw, 4rem)
   .step-number { left: -48px; width: 40px; height: 40px; font-size: 1.2rem; }
   [dir="rtl"] .step-number { left: auto; right: -48px; }
   .footer-inner { flex-direction: column; gap: 12px; text-align: center; }
-  .nav-inner { padding: 0 20px; }
-  .lang-btn span { display: none; }
+  
+  /* --- FIX NAVBAR MOBILE --- */
+  .nav-inner { padding: 0 16px; }
+  .logo-img { height: 80px; } /* Logo plus petit sur mobile */
+  .nav.scrolled .logo-img { height: 60px; }
+  .nav-actions { gap: 8px; }
+  .lang-btn span { display: none; } /* Cache le mot "Français" */
+  .btn-primary { padding: 8px 12px !important; font-size: 0.8rem !important; }
+  .btn-primary svg { width: 14px; height: 14px; }
 }
 </style>