/* ================================================
   contact.css — page Besoin d'aide ?
   ================================================ */

.contact-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: var(--space-4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .06);
  margin-bottom: var(--space-4);
}
.contact-ok { text-align: center; }
.contact-email { margin-top: var(--space-2); }
.contact-liste { list-style: none; }
.contact-liste li { margin-bottom: var(--space-2); }

.contact-form { background: #fff; border: 1px solid var(--color-border); border-radius: 16px; padding: var(--space-4); box-shadow: 0 0 10px rgba(0,0,0,.06); margin-bottom: var(--space-4); }
.contact-form label { display: block; font-size: var(--fs-small); margin: var(--space-2) 0 4px; }
.contact-form input, .contact-form textarea {
  width: 100%; padding: 10px 12px;
  border: 1px solid var(--color-border); border-radius: var(--radius);
  font: inherit; color: var(--color-text);
  margin-bottom: var(--space-2);
}
.contact-form input:focus, .contact-form textarea:focus { outline: 2px solid var(--color-accent); border-color: var(--color-text-soft); }
.contact-ok h2 { margin-bottom: var(--space-2); }