/* Donations — goal bar, flair pill, donate page, animations. Theme-agnostic, gold accent. */

/* ---- goal bar (index) ---- */
.fdb{position:relative;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:8px;padding:10px 14px;margin:0 0 14px;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.fdb-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.fdb-label{font-weight:bold;color:#e7e7e7}
.fdb-btn{background:#e8a33d;color:#222;text-decoration:none;font-weight:bold;border-radius:5px;padding:3px 12px;font-size:13px;white-space:nowrap}
.fdb-btn:hover{background:#f2b757}
.fdb-track{position:relative;height:20px;background:#2a2a2a;border-radius:11px;overflow:hidden;border:1px solid #000}
.fdb-fill{height:100%;width:0;border-radius:11px 0 0 11px;background:linear-gradient(90deg,#c9821f,#e8a33d,#ffce63);background-size:200% 100%;transition:width .9s cubic-bezier(.2,.8,.2,1);animation:fdb-sheen 3s linear infinite}
@keyframes fdb-sheen{0%{background-position:0 0}100%{background-position:200% 0}}
.fdb-fill.fdb-bump{animation:fdb-sheen 3s linear infinite, fdb-pulse .6s ease}
@keyframes fdb-pulse{0%{filter:brightness(1)}40%{filter:brightness(1.6)}100%{filter:brightness(1)}}
.fdb-pct{position:absolute;top:0;left:50%;transform:translateX(-50%);line-height:20px;font-size:12px;font-weight:bold;color:#fff;text-shadow:0 1px 2px #000}
.fdb-meta{font-size:12px;color:#9aa;margin-top:6px}
.fdb-amt{color:#e8a33d;font-weight:bold}

/* floating "+$X" pops */
.fdb-pops{position:absolute;left:0;right:0;bottom:30px;height:0;pointer-events:none}
.fdb-pop{position:absolute;font-weight:bold;color:#ffce63;text-shadow:0 1px 3px #000;font-size:16px;animation:fdb-float 2.1s ease-out forwards}
@keyframes fdb-float{0%{opacity:0;transform:translateY(6px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.15)}30%{transform:scale(1)}100%{opacity:0;transform:translateY(-46px) scale(1)}}

/* ---- flair pill ---- */
.fdb-flair{display:inline-block;background:linear-gradient(180deg,#f2b757,#d98e22);color:#3a2606;font-weight:bold;font-size:11px;line-height:1;padding:3px 8px;border-radius:10px;border:1px solid #b9781c;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.fdb-flair-block{margin:6px 0}

/* ---- donate page ---- */
.dn-wrap{max-width:620px;margin:0 auto}
/* themes set `#content > * { margin:12px 0 }` which (being more specific) kills the
   auto side-margins above — re-assert centering with a selector that outranks it. */
#content > .dn-wrap{margin-left:auto;margin-right:auto}
.dn-h{margin:18px 0 6px}
.dn-lede{color:#c9c9c9;margin:0 0 18px}
.dn-hero{margin-bottom:22px}
.dn-amts{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 16px}
.dn-form{margin:0}
.dn-amt{background:#262626;color:#fff;border:2px solid #e8a33d;border-radius:10px;padding:14px 22px;font-size:20px;font-weight:bold;cursor:pointer;min-width:96px;transition:transform .1s,background .15s}
.dn-amt:hover{background:#e8a33d;color:#222;transform:translateY(-2px)}
.dn-perks{background:#1c1c1c;border:1px solid #3a3a3a;border-radius:8px;padding:12px 14px;color:#c9c9c9;margin-top:8px}
.dn-note{background:#1c1c1c;border:1px solid #3a3a3a;border-radius:8px;padding:14px;color:#c9c9c9}
.dn-small{font-size:13px}
.dn-thanks{text-align:center;padding-top:24px}
.dn-heart{font-size:64px;animation:fdb-beat 1.1s ease-in-out infinite}
@keyframes fdb-beat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}45%{transform:scale(1)}}

/* ---- donor thank-you toast (any page) ---- */
.fdb-toast{position:fixed;right:18px;bottom:18px;max-width:320px;background:#241a08;border:1px solid #e8a33d;border-left:5px solid #e8a33d;border-radius:8px;padding:12px 14px;color:#f3e8d2;box-shadow:0 6px 20px rgba(0,0,0,.5);z-index:99999;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s;font-size:13px;line-height:1.4}
.fdb-toast.show{opacity:1;transform:translateY(0)}
.fdb-toast a{color:#ffce63}

/* centered donate page */
.dn-center{text-align:center}
.dn-center .dn-amts{justify-content:center}
.dn-center .dn-lede{margin-left:auto;margin-right:auto;max-width:520px}
.dn-center .dn-note{text-align:center}
.dn-center .dn-perks{text-align:center}
.dn-center .dn-hero{text-align:left}

/* donator cosmetics showcase (donate page) */
.dn-cos{margin-top:18px;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:8px;padding:14px}
.dn-cos-title{font-weight:bold;color:#e8a33d;margin-bottom:12px}
.dn-cos-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.dn-cos-item{margin:0;width:96px;display:flex;flex-direction:column;align-items:center;gap:4px}
.dn-cos-prev{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#262626;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}
.dn-cos-prev img{max-width:100%;max-height:100%;object-fit:contain}
.dn-cos-name{font-size:12px;color:#e7e7e7;font-weight:600;line-height:1.2}
.dn-cos-type{font-size:10px;color:#9aa;text-transform:capitalize}

/* navbar donate link */
.nav-donate{color:#e8a33d !important;font-weight:bold}