/* =========================================================
   DONEER — betaalstap, bevestiging, beloning
   ========================================================= */

.donate-flow{
  padding: 1rem 0 5rem;
}
.donate-flow-inner{
  max-width: 620px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.donate-step{
  background: var(--surface);
  border-radius: var(--radius-md);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
}
.donate-step h2{
  margin-top: 0.4em;
  font-size: 1.5rem;
}
.donate-step .stamp{ margin-bottom: 0.6em; }

.fine-print{
  font-size: 0.9rem;
  color: var(--ink-soft);
}

.confirm-check{
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin: 1.2em 0 1.4em;
  cursor: pointer;
  font-weight: 600;
}
.confirm-check input[type="checkbox"]{
  width: 22px;
  height: 22px;
  accent-color: var(--primary);
  cursor: pointer;
  flex-shrink: 0;
}

#continue-btn:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
}

.error-msg{
  color: var(--danger);
  font-size: 0.9rem;
  margin-top: 1em;
  margin-bottom: 0;
}

.reward-image-wrap{
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 6px solid var(--bg);
}
.reward-image-wrap img{
  width: 100%;
  display: block;
}