/* Page de paiement NAFA Pro : une colonne, lisible sur téléphone, aucune ressource externe. */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  background: #f2f5f3;
  color: #1a2e1f;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

main {
  max-width: 28rem;
  margin: 0 auto;
  padding: 24px 16px 40px;
}

.brand {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #1b5e3b;
}
.brand span { font-weight: 600; color: #4a6b52; }

.card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(26, 46, 31, 0.12);
  overflow-wrap: anywhere;
}
.card + .card { margin-top: 16px; }

h1 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; }

.amount { margin: 0 0 8px; font-size: 32px; line-height: 1.2; font-weight: 800; color: #1b5e3b; }
.line { margin: 0 0 20px; color: #4a6b52; }
.line strong { color: #1a2e1f; }

button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: #1b5e3b;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
button:disabled { opacity: 0.6; cursor: default; }
button:focus-visible { outline: 3px solid #1b5e3b; outline-offset: 3px; }

.error { margin: 12px 0 0; font-weight: 600; color: #b71c1c; }
.hint { margin: 16px 0 0; font-size: 14px; color: #4a6b52; }
.message { margin: 0 0 12px; }

[hidden] { display: none !important; }