/* WordPress-only fixes. design.css is generated from the static HTML build; anything
 * needed only because WordPress renders the page goes here, so a design rebuild
 * never loses it. */

/* ===== Gravity Forms in the design's form grid (.form-grid) =====
 * Fields carry the design's .input / .w-input classes (inc/forms.php); this lays the
 * Gravity Forms wrappers out like the Webflow form: two half-width name fields, then
 * full-width email, message and submit. */
.cta-form .gform_fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.cta-form .gfield {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.cta-form .gfield--width-full {
  grid-column: span 2 / span 2;
}

/* Labels stay for screen readers; the design shows placeholders only */
.cta-form .gfield_label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Gravity Forms' character counters (the length limit itself still applies) */
.cta-form .charleft {
  display: none;
}

/* Gravity Forms' spam honeypot field */
.cta-form .gform_validation_container {
  display: none !important;
}

/* The design's message box is 100px high; Gravity Forms sets rows="10" */
.cta-form textarea.input {
  height: 100px;
}

.cta-form .gform_footer {
  margin-top: 20px;
}

.cta-form .gfield_validation_message,
.cta-form .gform_validation_errors {
  margin-top: 6px;
  color: #c00;
  font-size: 14px;
}

.cta-form .gform_validation_errors {
  margin: 0 0 20px;
}

/* The confirmation reuses the design's success box, which Webflow shows by script */
.gform_confirmation_message .w-form-done {
  display: block;
}