/* Meyda.ai contact form status messages */

.contact-card .form-status {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 14px 0 0;
  padding: 0;
  grid-column: 1 / -1;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.contact-card .form-status.is-visible {
  display: block;
}

.contact-card .form-status.form-status-success {
  color: #166534 !important;
}

.contact-card .form-status.form-status-error {
  color: #b91c1c !important;
}

/* Children inherit the state color without overriding the status element. */
.contact-card .form-status * {
  color: inherit !important;
}

.contact-form button[disabled] {
  cursor: wait;
  opacity: .72;
}