/* Contact form status styles */
#form-status {
  padding: 12px;
  margin-top: 16px;
  border-radius: 8px;
  font-weight: 500;
}

#form-status.status-sending {
  background-color: #e0f2fe;
  color: #075985;
  border: 1px solid #0ea5e9;
}

#form-status.status-success {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #10b981;
}

#form-status.status-error {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid #ef4444;
}

/* Make form elements more accessible */
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
  outline: 2px solid #1a5b8f;
  outline-offset: 2px;
}

/* Only show invalid styling after user interaction (not on initial page load) */
.form-row input.touched:invalid,
.form-row select.touched:invalid,
.form-row textarea.touched:invalid {
  border-color: #ef4444;
}