/**
 * contact.css — Encadré du formulaire de contact (Fluent Forms) sur
 * la home. Restylise aussi les classes que Fluent Forms génère
 * lui-même (.fluentform, .ff-el-*), sans toucher à son fonctionnement.
 */

.hub-contact-card {
  max-width: 640px;
  margin: 2rem auto 0;
  padding: 2rem;
  background: #fff;
  border: 1px solid #e8eef6;
  border-radius: 16px;
}

/* ── Champs ────────────────────────────────────────────────────── */
.hub-contact-card .fluentform .ff-el-form-control,
.hub-contact-card .fluentform textarea,
.hub-contact-card .fluentform select {
  border: 1px solid #e2e5e7;
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  font-size: 0.92rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.hub-contact-card .fluentform .ff-el-form-control:focus,
.hub-contact-card .fluentform textarea:focus,
.hub-contact-card .fluentform select:focus {
  border-color: var(--wp--preset--color--primary);
  box-shadow: 0 0 0 3px rgba(51, 76, 152, 0.12);
  outline: none;
}

.hub-contact-card .fluentform .ff-el-input--label label {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--wp--preset--color--primary-dark);
}

/* ── Bouton d'envoi ────────────────────────────────────────────── */
.hub-contact-card .fluentform button[type="submit"] {
  background: var(--wp--preset--color--primary) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0.75rem 1.8rem !important;
  font-weight: 600 !important;
  transition: background 0.15s;
}

.hub-contact-card .fluentform button[type="submit"]:hover {
  background: var(--wp--preset--color--primary-dark) !important;
}