/* Feedback shown under the contact form after submitting.
 *
 * Added for the Next.js port: the PHP site redirected to /?success=1|0 and no
 * page ever read that parameter, so a visitor never learned whether their
 * message had gone anywhere. The element is created by wireContactForm() in
 * src/lib/netlify-forms.ts. */

.contact__form .form-status {
  margin-top: 24px;
  padding: 14px 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
}

.contact__form .form-status[hidden] {
  display: none;
}

.contact__form .form-status--pending {
  color: #4a4a4a;
  background-color: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}

.contact__form .form-status--success {
  color: #1d6b3f;
  background-color: rgba(29, 107, 63, 0.08);
  border-color: rgba(29, 107, 63, 0.35);
}

.contact__form .form-status--error {
  color: #a12626;
  background-color: rgba(161, 38, 38, 0.08);
  border-color: rgba(161, 38, 38, 0.35);
}

/* The Arabic pages are marked by body.ar rather than a lang attribute — the
   inner ones inherited lang="en" from the original. See MIGRATION-NOTES.md. */
body.ar .contact__form .form-status {
  direction: rtl;
  text-align: right;
}