/* Page de contact (09/10/2026) — s'appuie sur les jetons de brand.css. */
.wl-contact-main { max-width: 640px; }
.wl-contact { margin-top: 24px; }
.wl-contact-intro { margin-bottom: 24px; }
.wl-contact-panel { padding: 26px; }
.wl-contact-textarea { resize: vertical; min-height: 150px; font-family: inherit; line-height: 1.55; }
.wl-contact-err { color: var(--red); font-size: 13px; margin: 6px 0 0; }
.wl-contact-submit { width: 100%; justify-content: center; margin-top: 4px; }

/* Champ piège : hors écran plutôt que display:none (certains robots
   ignorent les champs masqués). */
.wl-contact-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.wl-contact-done { text-align: center; padding: 12px 4px; }
.wl-contact-done h2 { font-size: 24px; letter-spacing: -0.02em; margin: 0 0 10px; }
.wl-contact-done p { color: var(--muted); font-size: 15px; line-height: 1.6; margin: 0 0 22px; }
.wl-contact-check {
  width: 52px; height: 52px; margin: 0 auto 18px; border-radius: 50%;
  display: grid; place-items: center; font-size: 22px; color: var(--green);
  background: rgba(88, 230, 176, 0.08); border: 1px solid rgba(88, 230, 176, 0.25);
}

@media (max-width: 680px) {
  .wl-contact { margin-top: 8px; }
  .wl-contact-panel { padding: 20px; }
}