/*
 * Shared form styles for the contact forms and quote tool (inc/forms.php).
 * Layout of the fields themselves lives in each page's stylesheet.
 */

/* Honeypot field: hidden from people, still "visible" to naive bots. */
.hp-field {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Status line under the form (sent / error). */
.form-response {
  flex: 1 0 100%;
  margin: 1.5em 0.5em 1em;
  padding: 0.4em 1em;
  border: 2px solid transparent;
  color: #fff;
  text-align: center;
}

.form-response[hidden] {
  display: none;
}

.form-response.is-success {
  border-color: #398f14;
}

.form-response.is-error {
  border-color: #f7e700;
}

/* Per-field error message, positioned under its input. */
.group label.error {
  position: absolute;
  top: 51px;
  left: 4px;
  white-space: nowrap;
  color: #ff6b6b;
  font-size: 14px;
}

.group textarea ~ label.error {
  position: static;
  display: block;
  margin-top: 4px;
}

.enquiry-form input[type="submit"]:disabled,
#quoteform input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: wait;
}