Contact: ne plus afficher la référence avant validation email

- Retire le bloc 'Numéro de référence client' de la page de succès
- Met à jour le message en FR/EN/MG : 'Vous recevrez ensuite votre numéro
  de référence client' après confirmation
- Désactive l'envoi immédiat de l'email EmailJS de bienvenue (qui
  contenait déjà la référence). HubSpot envoie son email de
  double opt-in qui sera customisé pour inclure la référence
  via le token {{contact.reference_client}}.

Résultat : la référence n'est jamais visible avant que l'email ne soit
vérifié (puisque seuls les emails valides reçoivent le double opt-in).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

contact.html

@@ -78,13 +78,8 @@
             <div class="form-success" id="formSuccess" role="alert">
               <i class="fa-solid fa-envelope-circle-check" style="font-size: 2rem; color: var(--gold); display: block; margin-bottom: 12px;"></i>
               <strong data-i18n="contact.successTitle">Vérifiez votre boîte mail !</strong><br>
-              <span data-i18n="contact.successMsg">Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email.</span>
+              <span data-i18n="contact.successMsg">Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email. Vous recevrez ensuite votre numéro de référence client.</span>
-              <div id="refNumberBlock" style="margin-top: 16px; padding: 14px 20px; background: var(--navy); border-radius: 8px; border: 2px solid var(--gold);">
+              <p style="margin-top:12px; font-size:0.85rem; color: var(--text-light);" data-i18n="contact.emailSent">📧 Email envoyé — pensez aussi à vérifier vos spams.</p>
-                <p style="margin:0 0 4px; font-size:0.85rem; color: var(--gold); font-weight:600;" data-i18n="contact.refLabel">VOTRE NUMÉRO DE RÉFÉRENCE CLIENT</p>
-                <p id="refNumberDisplay" style="margin:0; font-size:1.6rem; font-weight:700; color:#fff; letter-spacing:2px;"></p>
-              </div>
-              <p style="margin-top:12px; font-size:0.9rem; color: var(--text-light);" data-i18n="contact.successNote">Conservez ce numéro précieusement — il vous sera utile pour suivre vos colis.</p>
-              <p style="margin-top:8px; font-size:0.85rem; color: var(--text-light);" data-i18n="contact.emailSent">📧 Email envoyé — pensez aussi à vérifier vos spams.</p>
             </div>
 
             <!-- DÉJÀ INSCRIT -->

js/form-handler.js

@@ -277,16 +277,16 @@ function setLoading(isLoading) {
 function showSuccess(refNumber, clientData) {
   const successEl  = document.getElementById('formSuccess');
   const form       = document.getElementById('contactForm');
-  const refDisplay = document.getElementById('refNumberDisplay');
-  if (refDisplay && refNumber) refDisplay.textContent = refNumber;
   if (successEl) {
     successEl.classList.add('show');
     successEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
   }
   if (form) form.style.display = 'none';
 
-  // Envoi de l'email de bienvenue au client (sans bloquer l'affichage)
+  // L'email de bienvenue avec la référence client n'est plus envoyé ici.
-  if (clientData) sendWelcomeEmail(clientData);
+  // HubSpot envoie d'abord un email de double opt-in, et le numéro de
+  // référence apparaît dans cet email (token {{contact.reference_client}}).
+  // → la référence ne fuite plus avant validation de l'email.
 }
 
 // ── EMAIL DE BIENVENUE ────────────────────────────────────────────────────────

js/translations.js

@@ -151,7 +151,7 @@ const translations = {
       submitBtn: "S'inscrire",
       submitLoading: "Envoi en cours...",
       successTitle: "Vérifiez votre boîte mail !",
-      successMsg: "Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email.",
+      successMsg: "Pour finaliser votre inscription, cliquez sur le lien de confirmation que nous venons de vous envoyer par email. Vous recevrez ensuite votre numéro de référence client.",
       refLabel: "VOTRE NUMÉRO DE RÉFÉRENCE CLIENT",
       successNote: "Conservez ce numéro précieusement — il vous sera utile pour suivre vos colis.",
       emailSent: "📧 Email envoyé — pensez aussi à vérifier vos spams.",
@@ -488,7 +488,7 @@ const translations = {
       submitBtn: "Register",
       submitLoading: "Sending...",
       successTitle: "Check your inbox!",
-      successMsg: "To complete your registration, click the confirmation link we just sent to your email.",
+      successMsg: "To complete your registration, click the confirmation link we just sent to your email. You'll then receive your client reference number.",
       refLabel: "YOUR CLIENT REFERENCE NUMBER",
       successNote: "Keep this number safe — you'll need it to track your parcels.",
       emailSent: "📧 Email sent — don't forget to check your spam folder.",
@@ -825,7 +825,7 @@ const translations = {
       submitBtn: "Hisoratra anarana",
       submitLoading: "Alefa...",
       successTitle: "Jereo ny boaty mailaka!",
-      successMsg: "Mba hahafenitra ny fisoratana anarana, tsindrio ny rohy fanamafisana nalefa tao amin'ny mailakao.",
+      successMsg: "Mba hahafenitra ny fisoratana anarana, tsindrio ny rohy fanamafisana nalefa tao amin'ny mailakao. Avy eo dia handray ny laharanao mpanjifa ianao.",
       refLabel: "NY LAHARANAO MPANJIFA",
       successNote: "Tehirizo tsara ity laharana ity — ilaina amin'ny fanaraha-maso ny entanao.",
       emailSent: "📧 Nalefa ny mailaka — jereo koa ao amin'ny spam.",