/* Form fields — 2026-11-06. Loaded AFTER site.css so it wins.
   The old WordPress theme filled every box with an off-brand yellow (#f9cf36) and made the
   placeholder text white, and its autofill rule made the browser's filled-in text WHITE on that
   yellow, so names/emails a browser filled in were unreadable ("a yellow overlay covering the
   text"). Now: white boxes, black text, black border, red when you're typing in it.
   Brand palette only: #ff1616 red, #ffd21f yellow, #F1F1F1 grey, black, white. */
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
  border-radius: 30px;
  box-shadow: none;
}
.gform_wrapper.gravity-theme textarea { border-radius: 20px; }
.gform_wrapper.gravity-theme input:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
  border-color: #ff1616;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 22, 22, .2);
}
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #595959;          /* 7:1 on white: readable, still clearly a hint */
  font-weight: 500;
  text-align: left;
  opacity: 1;
}
/* Browser autofill: keep it white with black text instead of the old white-on-yellow. */
.gform_wrapper input:-webkit-autofill,
.gform_wrapper input:-webkit-autofill:focus,
.gform_wrapper input:-webkit-autofill:hover,
.gform_wrapper select:-webkit-autofill,
.gform_wrapper textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000;
  border: 2px solid #000 !important;
}
gmp-place-autocomplete.gform-theme__no-reset--el { background-color: #fff; border: 2px solid #000; }
/* Yes/No choices: grey on hover, brand yellow once picked (black text on yellow is readable). */
.gform_wrapper .gfield_radio .gchoice:hover { background: #F1F1F1; }
.gform_wrapper .gfield_radio .gchoice:active,
.gform_wrapper .gfield_radio .gchoice:has(.gfield-choice-input:checked) { background: #ffd21f; color: #000; }
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover { background: #ffd21f; border-color: #ffd21f; color: #000; }
/* A box with a problem gets a red border, not just red text underneath. */
.gform_wrapper .gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea { border-color: #ff1616; }