/* ==========================================================================
   Spenden-Hinweis (Modal) – erscheint nach einem Download oder nach
   10 Ausführungen im ByteBuddy Robo-Lab. Dezent, leicht wegklickbar,
   nie öfter als einmal pro Tag (siehe donation-prompt.js).
   ========================================================================== */

.bb-donate-overlay{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:flex-end; justify-content:center;
  padding:0; background:rgba(18,21,27,.0); pointer-events:none;
  transition:background .25s ease;
}
.bb-donate-overlay.is-visible{ background:rgba(18,21,27,.32); pointer-events:auto; }

@media (min-width:640px){
  .bb-donate-overlay{ align-items:flex-end; justify-content:flex-end; padding:var(--space-6); }
}

.bb-donate-card{
  position:relative; width:100%; max-width:420px;
  background:#fff; color:var(--color-ink);
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow:var(--shadow-lg);
  padding:var(--space-6);
  transform:translateY(16px); opacity:0;
  transition:transform .3s cubic-bezier(.16,1,.3,1), opacity .3s ease;
}
@media (min-width:640px){
  .bb-donate-card{ border-radius:var(--radius-lg); transform:translateY(24px) scale(.98); }
}
.bb-donate-overlay.is-visible .bb-donate-card{ transform:translateY(0) scale(1); opacity:1; }

.bb-donate-close{
  position:absolute; top:var(--space-3); right:var(--space-3);
  width:32px; height:32px; border-radius:50%; border:1px solid var(--color-border);
  background:var(--color-surface); color:var(--color-ink-soft);
  font-size:16px; line-height:1; display:flex; align-items:center; justify-content:center;
}
.bb-donate-close:hover{ background:var(--color-border); color:var(--color-ink); }

.bb-donate-icon{ font-size:26px; display:block; margin-bottom:var(--space-3); }
.bb-donate-card h3{ margin:0 0 var(--space-2); font-size:1.15rem; }
.bb-donate-card p{ margin:0 0 var(--space-4); color:var(--color-ink-soft); font-size:.92rem; }
.bb-donate-actions{ display:flex; flex-wrap:wrap; gap:var(--space-3); }
.bb-donate-actions .btn{ flex:1 1 auto; text-align:center; }
.bb-donate-dismiss{
  display:block; margin-top:var(--space-3); font-size:.82rem; color:var(--color-ink-soft);
  text-decoration:underline; text-decoration-color:var(--color-border); background:none; border:none; padding:0; cursor:pointer;
}
.bb-donate-dismiss:hover{ color:var(--color-ink); }