/* Netlify Forms: honeypot + clear success/error messaging */

.service-form .form-honeypot {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.service-form .form-status {
  display: none;
  margin: 0.85rem 0 0;
  padding: 0.85rem 1rem;
  border-radius: 0.5rem;
  font-family: Outfit, sans-serif;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
}

.service-form .form-status:not([hidden]) {
  display: block;
}

.service-form .form-status[data-state="success"] {
  color: #14532d;
  background: #dcfce7;
  border: 1px solid #86efac;
}

.service-form .form-status[data-state="error"] {
  color: #7f1d1d;
  background: #fee2e2;
  border: 1px solid #fca5a5;
}

.service-form .form-status:not([data-state="success"]):not([data-state="error"]) {
  color: #334155;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}

.service-form.is-submitting .wpcf7-submit,
.service-form.is-submitting [type="submit"] {
  opacity: 0.7;
  cursor: wait;
}

.service-form.is-sent .wpcf7-submit,
.service-form.is-sent [type="submit"] {
  background: #15803d !important;
}