/* ============================================================
   DONATE CTA — site-wide band + footer ribbon
   ============================================================ */

/* ── Contextual band (player profile, match centre) ───────── */
.nks-cta {
    background:
        radial-gradient(120% 180% at 90% -40%, rgba(255,215,0,.16), transparent 55%),
        linear-gradient(135deg, var(--nks-navy,#034694) 0%, var(--nks-navy-deeper,#0A0F1E) 100%);
    color: #fff;
}
.nks-cta__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: clamp(28px, 4vw, 48px) clamp(16px, 5vw, 48px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(20px, 4vw, 48px);
    flex-wrap: wrap;
}
.nks-cta__eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--nks-gold,#FFD700); margin-bottom: 8px; }
.nks-cta__title { font-family: "Bebas Neue", sans-serif; font-size: clamp(28px, 4vw, 44px); line-height: 1; margin: 0 0 8px; color: #fff; }
.nks-cta__sub { font-size: clamp(14px, 1.5vw, 17px); color: rgba(255,255,255,.78); margin: 0; max-width: 560px; }
.nks-cta__btn {
    flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
    color: var(--nks-navy-deeper,#0A0F1E); background: var(--nks-gold,#FFD700);
    padding: 16px 36px; border-radius: 999px;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
    transition: transform .2s ease, background .2s ease;
}
.nks-cta__btn:hover { background: var(--nks-gold-light,#FFE566); transform: translateY(-2px); color: var(--nks-navy-deeper,#0A0F1E); }
.nks-cta__btn span { transition: transform .2s ease; }
.nks-cta__btn:hover span { transform: translateX(4px); }

/* ── Footer ribbon (slim, site-wide) ──────────────────────── */
.nks-donate-ribbon {
    background: var(--nks-gold,#FFD700);
    color: var(--nks-navy-deeper,#0A0F1E);
}
.nks-donate-ribbon__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 14px clamp(16px, 5vw, 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}
.nks-donate-ribbon__text {
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.nks-donate-ribbon__btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
    color: #fff; background: var(--nks-navy-deeper,#0A0F1E);
    padding: 9px 22px; border-radius: 999px;
    transition: background .2s ease, transform .2s ease;
}
.nks-donate-ribbon__btn:hover { background: var(--nks-navy,#034694); color: #fff; transform: translateY(-1px); }

@media (max-width: 600px) {
    .nks-cta__inner { flex-direction: column; align-items: flex-start; }
    .nks-cta__btn { width: 100%; justify-content: center; }
}