/* Donation-type badges — shared across the homepage LastDonate component,
   the public profile donate feed and the user-panel received-donations list.
   Positioning (absolute/inline, margins) stays with each consumer; only the
   look of the pill lives here so all three surfaces stay consistent. */
.donate-type-badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .7rem;
    font-weight: 800;
    color: #fff;
    padding: .18rem .6rem;
    border-radius: 50px;
    white-space: nowrap;
    line-height: 1.5;
}

.donate-type-badge.is-birthday {
    background: linear-gradient(135deg, #ff6b9d, #c644fc);
    box-shadow: 0 3px 10px rgba(198, 68, 252, .35);
}

.donate-type-badge.is-campaign {
    background: linear-gradient(135deg, #0ea5e9, #6366f1);
    box-shadow: 0 3px 10px rgba(99, 102, 241, .35);
}

.donate-type-badge.is-article {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 3px 10px rgba(249, 115, 22, .35);
}

.donate-type-badge.is-wishlist {
    background: linear-gradient(135deg, #ec4899, #8b5cf6);
    box-shadow: 0 3px 10px rgba(139, 92, 246, .35);
}

/* Plain donates — the fallback type when a donation came from no particular
   part of the site. Muted next to the three gradients so those still stand out. */
.donate-type-badge.is-plain,
.donate-type-badge.is-donate {
    background: linear-gradient(135deg, #94a3b8, #64748b);
    box-shadow: 0 3px 10px rgba(100, 116, 139, .3);
}

/* The gift pill is the gift's emoji alone ("☕", "🌹") — its name is in the
   tooltip. It renders on every donation, alongside the type pill, so it is
   deliberately quieter than the gradient variants above. */
.donate-type-badge.is-gift {
    background: #fefce8;
    color: #a16207;
    border: 1px solid #fef08a;
    box-shadow: none;
    padding-inline: .45rem;
    font-size: .82rem;
}

/* «ناشناس» marker — shown only when the donor opted into anonymity or a guest
   left the name blank (see DomainModels.Financial.DonorDisplay). Shared so
   profile, donate wall, campaigns, articles and the user panel stay identical. */
.mini-don-anon,
.donor-anon-badge {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-size: .65rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #67748e, #344767);
    padding: .1rem .45rem;
    border-radius: 50px;
    margin-right: .3rem;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.5;
}