/* contact-submit.css */

/* animated status */
#formAlert {
  transition: all .2s ease;
}

/* highlight inputs with more breathing room */
[aria-invalid="true"],
.has-error .input,
.has-error textarea {
  outline: 2px solid rgba(239,68,68,.45);
  outline-offset: 3px; /* slightly more gap */
  border-radius: 8px;
}

/* add consistent spacing around inputs */
.input, textarea {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  margin-top: 4px; /* pushes field down from label */
}

/* success focus or active state (green) */
.input:focus,
textarea:focus {
  outline: 2px solid rgba(5,150,105,.45);
  outline-offset: 3px;
  border-radius: 8px;
}

/* error text */
.field-error {
  color: #b91c1c;
  font-size: .9rem;
  margin-top: 6px;
}