/**
 * BIENHABILLÉ — Formulaire de contact
 */
.bh-contact-form {
  max-width: 36rem;
}

.bh-contact-form__title {
  margin: 0 0 var(--bh-space-lg);
}

.bh-contact-form__row {
  margin-bottom: var(--bh-space-md);
}

.bh-contact-form__row--half {
  display: inline-block;
  width: calc(50% - var(--bh-space-xs));
  margin-right: var(--bh-space-xs);
}

.bh-contact-form__row label {
  display: block;
  margin-bottom: var(--bh-space-2xs);
  font-size: var(--bh-fs-sm);
  font-weight: 500;
}

.bh-contact-form__row input[type="text"],
.bh-contact-form__row input[type="email"],
.bh-contact-form__row input[type="tel"],
.bh-contact-form__row select,
.bh-contact-form__row textarea {
  width: 100%;
  padding: var(--bh-space-sm);
  border: 1px solid var(--bh-border-color);
  border-radius: var(--bh-radius-sm);
}

.bh-contact-form__row input[type="file"] {
  width: 100%;
}

.bh-contact-form__row small {
  display: block;
  margin-top: var(--bh-space-2xs);
  font-size: var(--bh-fs-xs);
  color: var(--bh-text-muted);
}

.bh-contact-form__message {
  margin-top: var(--bh-space-md);
  padding: var(--bh-space-sm);
  border-radius: var(--bh-radius-sm);
}

.bh-contact-form__message--success {
  background: #e8f5e9;
  color: #2e7d32;
}

.bh-contact-form__message--error {
  background: #ffebee;
  color: #c62828;
}