/*
 * Philosophie « Signal éditorial » — états Formspree sobres, explicites et
 * cohérents avec le formulaire historique, sans modifier la landing d’accueil.
 */

html[data-meta-home="false"] .asta-formspree-status {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
  color: #cbd5e1;
  background: rgba(104, 169, 255, 0.08);
  border: 1px solid rgba(104, 169, 255, 0.24);
  border-radius: 8px;
  font: 600 13px/1.5 "Manrope", system-ui, sans-serif;
  outline: none;
}

html[data-meta-home="false"] .asta-formspree-status::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 6px;
  border-radius: 50%;
  background: #68a9ff;
  box-shadow: 0 0 0 4px rgba(104, 169, 255, 0.11);
}

html[data-meta-home="false"] .asta-formspree-status[hidden] {
  display: none !important;
}

html[data-meta-home="false"] .asta-formspree-status[data-state="loading"]::before {
  animation: asta-formspree-pulse 900ms ease-in-out infinite alternate;
}

html[data-meta-home="false"] .asta-formspree-status[data-state="error"] {
  color: #fecaca;
  background: rgba(255, 107, 107, 0.08);
  border-color: rgba(255, 107, 107, 0.34);
}

html[data-meta-home="false"] .asta-formspree-status[data-state="error"]::before {
  background: #ff6b6b;
  box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.11);
}

html[data-meta-home="false"] .asta-formspree-status[data-state="success"] {
  color: #bbf7d0;
  background: rgba(67, 211, 158, 0.08);
  border-color: rgba(67, 211, 158, 0.32);
}

html[data-meta-home="false"] .asta-formspree-status[data-state="success"]::before {
  background: #43d39e;
  box-shadow: 0 0 0 4px rgba(67, 211, 158, 0.11);
}

html[data-meta-home="false"] form[data-asta-formspree="ready"] button[type="submit"] {
  transition: opacity 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

html[data-meta-home="false"] form[data-asta-formspree-state="submitting"] button[type="submit"] {
  cursor: wait;
  opacity: 0.72;
}

.asta-formspree-success-card .asta-formspree-success-icon {
  width: 64px;
  height: 64px;
}

.asta-formspree-success-card .asta-formspree-success-copy {
  max-width: 390px;
  margin: 0 auto;
}

@keyframes asta-formspree-pulse {
  from { opacity: 0.45; transform: scale(0.82); }
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-meta-home="false"] .asta-formspree-status[data-state="loading"]::before {
    animation: none;
  }
}