/* Keep the form layout inside the enquiry card */
.ffti-form-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}

/* Put ordinary fields into two columns */
.ffti-form-layout > .form-item,
.ffti-form-layout > .js-form-item {
  flex: 1 1 calc(50% - 12px);
  min-width: 0;
  box-sizing: border-box;
  margin: 0 0 10px;
}

/* Inputs should fill their own column */
.ffti-form-layout input,
.ffti-form-layout select,
.ffti-form-layout textarea {
  max-width: 100%;
  box-sizing: border-box;
}

/* Keep Message and CAPTCHA full width */
.ffti-form-layout .form-item-message,
.ffti-form-layout .form-item-captcha,
.ffti-form-layout .form-type-textarea,
.ffti-form-layout .captcha {
  flex-basis: 100%;
  width: 100%;
}

/* Keep the submit button on its own row */
.ffti-form-layout .form-actions {
  flex-basis: 100%;
  width: 100%;
}

/* Mobile: one column */
@media (max-width: 767px) {
  .ffti-form-layout > .form-item,
  .ffti-form-layout > .js-form-item {
    flex-basis: 100%;
  }
}
.ffti-form-layout > .form-actions,
.ffti-form-layout > .js-form-wrapper.form-actions,
.ffti-form-layout #edit-actions {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-top: 16px !important;
}