/* Form shim — makes Contact Form 7 / WPForms output inherit the Laneway field
   styles from styles.css. Wrap the plugin shortcode in <div class="lwd-form">.
   Only rules the plugins need that styles.css targets by our own class names. */

.lwd-form .wpcf7-form-control-wrap,
.lwd-form .wpforms-field { display: block; }

.lwd-form label {
  display: block;
  font: 600 13px 'Archivo', sans-serif;
  color: var(--pine);
  margin-bottom: 6px;
}

.lwd-form input[type="text"],
.lwd-form input[type="email"],
.lwd-form input[type="tel"],
.lwd-form textarea,
.lwd-form .wpforms-field input,
.lwd-form .wpforms-field textarea {
  width: 100%;
  background: var(--input);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-btn);
  padding: 12px 14px;
  font: 400 15px 'Archivo', sans-serif;
  color: var(--body);
}

.lwd-form input:focus-visible,
.lwd-form textarea:focus-visible {
  outline: 2px solid var(--lake-teal);
  outline-offset: 1px;
}

.lwd-form textarea { min-height: 120px; resize: vertical; }

.lwd-form input[type="submit"],
.lwd-form .wpforms-submit {
  display: block;
  width: 100%;
  background: var(--pine);
  color: #fff;
  border: 0;
  border-radius: var(--radius-btn);
  padding: 14px 26px;
  font: 600 15px 'Archivo', sans-serif;
  cursor: pointer;
}

.lwd-form input[type="submit"]:hover,
.lwd-form .wpforms-submit:hover { background: var(--deep-teal); }

/* Validation + response messaging */
.lwd-form .wpcf7-not-valid-tip,
.lwd-form .wpforms-error {
  color: #b23b3b;
  font: 400 13px 'Archivo', sans-serif;
  margin-top: 6px;
}

.lwd-form .wpcf7-response-output {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: var(--radius-btn);
  font: 500 14px 'Archivo', sans-serif;
}