.btn-primary {
    display: inline-block;
    padding: .85rem 1.75rem;
    border-radius: var(--radius-pill);
    background: var(--gradient-accent);
    background-size: 160% 160%;
    background-position: 0% 50%;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.14);
    cursor: pointer;
    box-shadow: var(--shadow-glow);
    transition: transform .25s ease, box-shadow .25s ease, background-position .35s ease;
}
.btn-primary:hover {
    transform: translateY(-2px);
    background-position: 100% 50%;
    box-shadow: 0 18px 44px rgba(124,110,242,.32), 0 4px 12px rgba(124,110,242,.22);
}
.btn-primary:active { transform: translateY(0); }

.btn-secondary {
    display: inline-block;
    padding: .8rem 1.7rem;
    border-radius: var(--radius-pill);
    border: 1px solid rgba(255,255,255,.22);
    color: var(--color-text);
    text-decoration: none;
    font-weight: 600;
    background: rgba(255,255,255,.03);
    transition: all .25s ease;
}
.btn-secondary:hover {
    border-color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.07);
    transform: translateY(-1px);
}

/* Svävande snabbdonations-knapp */
/* Nedskalad till en mer diskret, "professionell" storlek (tidigare version
   var för stor/påträngande) — mindre padding/font, och flyttad närmare
   högerkanten (right minskad från 1.5rem till .9rem). */
.donate-fab {
    position: fixed;
    right: .9rem;
    bottom: 1.25rem;
    z-index: 500;
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .5rem .9rem;
    border-radius: var(--radius-pill);
    background: var(--gradient-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: .82rem;
    box-shadow: 0 6px 16px rgba(124,110,242,.3), 0 1px 5px rgba(124,110,242,.22);
    transition: transform .25s ease, box-shadow .25s ease;
}
.donate-fab:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 22px rgba(124,110,242,.38), 0 2px 7px rgba(124,110,242,.25);
}
.donate-fab-heart {
    font-size: .9rem;
    animation: donateFabPulse 1.6s ease-in-out infinite;
}
@keyframes donateFabPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}
@media (max-width: 640px) {
    .donate-fab-label { display: none; }
    .donate-fab { padding: .65rem; right: .7rem; bottom: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    .donate-fab-heart { animation: none; }
}

/* Generiskt felmeddelande i formulär (publika sidor) */
.form-error {
    background: rgba(240,80,80,.15);
    color: #f08080;
    padding: .75rem 1rem;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-2);
    font-size: .9rem;
}
.form-success {
    background: rgba(80,220,140,.15);
    color: #50dc8c;
    padding: .75rem 1rem;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-2);
    font-size: .9rem;
}

/* Kontotyp-val vid registrering */
.account-type-options { display: flex; flex-direction: column; gap: .6rem; margin-top: .4rem; }
.account-type-option {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    padding: .7rem .9rem;
    border: 1px solid var(--color-surface-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: .85rem;
}
.account-type-option:has(input:checked) {
    border-color: var(--color-accent);
    background: rgba(124,110,242,.08);
}
.account-type-option input { margin-top: .2rem; }
.account-type-option small { color: var(--color-text-faint); }

/* Socialt bevis-toast (senaste gåvor, nere till vänster) */
.social-proof-toast {
    position: fixed;
    left: 1.5rem;
    bottom: 1.5rem;
    z-index: 400;
    display: none;
    align-items: center;
    gap: .6rem;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-surface-border);
    border-radius: var(--radius-md);
    padding: .8rem 1rem;
    max-width: 300px;
    box-shadow: 0 12px 30px rgba(0,0,0,.35);
    transform: translateY(20px);
    opacity: 0;
    transition: transform .35s ease, opacity .35s ease;
}
.social-proof-toast--visible {
    display: flex;
    transform: translateY(0);
    opacity: 1;
}
.social-proof-toast-icon { font-size: 1.2rem; flex-shrink: 0; }
.social-proof-toast-text { font-size: .82rem; line-height: 1.3; }
.social-proof-toast-close {
    background: none; border: none; color: var(--color-text-faint);
    font-size: 1.1rem; cursor: pointer; padding: 0 0 0 .4rem; flex-shrink: 0;
}
@media (max-width: 640px) {
    .social-proof-toast { left: .75rem; right: .75rem; max-width: none; }
}