/* ============================================================
   Contact Form 7 glue — makes CF7's generated markup match the
   static .contact-form layout. Kept separate so styles.css stays
   a verbatim copy of the prototype.
   ============================================================ */

/* CF7 wraps each control in <span class="wpcf7-form-control-wrap">.
   Make it a block so inputs/textarea keep their full-width sizing. */
.contact-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Validation tips → match the static .field-error styling */
.wpcf7-not-valid-tip {
  font-size: var(--fs-small);
  color: #B0413E;
  margin-top: 0.25rem;
}
.contact-form .wpcf7-not-valid {
  border-color: #B0413E;
}

/* Response output (success / error banner) */
.wpcf7 .wpcf7-response-output {
  margin: var(--space-2) 0 0;
  padding: 0.6em 1em;
  border-radius: var(--radius-sm);
  border-width: 1px;
  font-size: var(--fs-small);
  line-height: var(--leading-snug);
}

/* Spinner sits inline next to the submit button */
.contact-form .wpcf7-spinner {
  margin: 0 0 0 0.75rem;
}