/* ============================================================
   Theme refinements — small deltas that make the ACF-block output
   match the approved design exactly, kept out of the shipped
   styles.css so that file stays a verbatim copy of the design.
   ============================================================ */

/* Sub-heading spacing inside rich bodies (e.g. "How the work is structured"
   in the two-column service sections). The design sets this inline on the h3. */
.rich h3 { margin: 1.4em 0 .2em; }

/* Coloured-band lede tone — the design uses rgba(255,255,255,.95). */
.section--green .lede,
.section--mushroom .lede { color: rgba(255, 255, 255, .95); }

/* Prose links inside coloured bands must be white + underlined for contrast
   (the design sets this inline). Scoped to prose so the white CTA buttons keep
   their own styling. */
.section--green .lede a,
.section--green .rich a,
.section--mushroom .lede a,
.section--mushroom .rich a { color: #fff; text-decoration: underline; }

/* Gravity Forms contact form inside .cform: the base `.cform input` rule also
   catches the submit <input>, so re-style it as the brand pill button and
   tidy field spacing to match the design's form. */
.cform .gform_wrapper .gform_footer { margin: 18px 0 0; padding: 0; }
.cform .gform_wrapper .gform_footer input[type="submit"],
.cform .gform_wrapper .gform_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  padding: .92em 1.5em;
  border: 1.5px solid transparent;
  border-radius: var(--btn-radius);
  background: var(--cta);
  color: var(--cta-ink);
  box-shadow: var(--shadow-soft);
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;
}
.cform .gform_wrapper .gform_footer input[type="submit"]:hover,
.cform .gform_wrapper .gform_button:hover { transform: translateY(-1px); filter: brightness(.96); }
.cform .gform_wrapper .gfield { margin-top: 14px; }
.cform .gform_wrapper .gform_required_legend { display: none; }
.cform .gform_wrapper .gfield_label { font-weight: 600; font-size: .9rem; color: var(--ink); margin: 0 0 6px; }

/* Gravity Forms sets fields to 15px. iOS Safari zooms the page into any field
   under 16px when it gets focus, so keep them at 16px. */
.cform .gform_wrapper input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cform .gform_wrapper .gfield textarea,
.cform .gform_wrapper .gfield select { font-size: 1rem; }