/* Runtime state classes toggled by sf.common.js and leadTracker.js. Layout and
   theme belong in the LP itself — see README.md ("Event landing pages"). */

/* sf.common.js swaps this on blur. !important because an LP styles its own
   inputs with a selector that is both more specific and later in the cascade
   (#lead-form input[type="email"] in the page's own <style>), which otherwise
   swallows the error border without any visible sign that it did. */
.fieldInvalid {
  border-color: #d33 !important;
}

/* Injected by sf.common.js after the offending input. */
.field-validation-error-msg {
  margin-top: 4px;
  color: #d33;
  font-size: 0.85em;
  line-height: 1.5;
}

/* leadTracker.js flips display on .formInvalidConditionForm / .recaptchaError /
   .apiError. They ship hidden via an inline style and are shown as needed. */
.form-error {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid #d33;
  border-radius: 4px;
  color: #d33;
  font-size: 0.9em;
  line-height: 1.6;
}

/* leadTracker.js relies on these Bootstrap-era class names in a few branches. */
.d-none,
.hidden {
  display: none !important;
}

button.submit[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}