/* ============================================================
   ui-buttons.css

   Buttons und Hinweisboxen.
   ============================================================ */

/* ── Buttons ──────────────────────────────────────────────── */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .85rem 1.25rem;
  border-radius: 10px;
  border: 1px solid transparent;
  font-family: var(--font-body, sans-serif);
  font-size: .95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: filter .15s ease, opacity .15s ease;
}
.btn:hover:not(:disabled) { filter: brightness(1.08); }
.btn:disabled { opacity: .4; cursor: not-allowed; }

.btn--block   { display: flex; width: 100%; }
.btn--primary { background: var(--brand, #00a0dd); color: #fff; font-weight: 700; }
.btn--success { background: #22d3a5; color: #fff; font-weight: 700; min-height: 52px; font-size: 1rem; }
.btn--danger  { background: rgba(244, 63, 94, .15); border-color: rgba(244, 63, 94, .35); color: #f43f5e; }
.btn--ghost   { background: var(--surface-2, #1d2f45); color: var(--text-2, #8fb8d4); border-color: rgba(0, 160, 221, .2); }
.btn--small   { padding: .5rem 1rem; font-size: .85rem; white-space: nowrap; }
.btn--mint    { background: rgba(34, 211, 165, .12); border-color: rgba(34, 211, 165, .3); color: #22d3a5; }

/* ── Hinweisboxen ─────────────────────────────────────────── */

.alert {
  border-radius: 10px;
  padding: .75rem 1rem;
  font-size: .88rem;
  margin-bottom: .75rem;
  border: 1px solid transparent;
}
.alert[hidden] { display: none; }

.alert--error   { background: rgba(244, 63, 94, .12);  border-color: rgba(244, 63, 94, .3);  color: #f43f5e; }
.alert--success { background: rgba(34, 211, 165, .12); border-color: rgba(34, 211, 165, .3); color: #22d3a5; }
.alert--warning { background: rgba(245, 158, 11, .08); border-color: rgba(245, 158, 11, .25); color: #f59e0b; }
.alert--info    { background: rgba(0, 160, 221, .08);  border-color: rgba(0, 160, 221, .2);  color: #00a0dd; }
.alert--violet  { background: rgba(139, 92, 246, .1);  border-color: rgba(139, 92, 246, .3); color: #8b5cf6; }