/* ═══════════════════════════════════════════════════════════════════════
   Donation Platform — custom styles (поверх Bootstrap 5)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Navbar ──────────────────────────────────────────────────────────── */
#main-nav {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}
#main-nav .nav-link {
    color: rgba(255,255,255,.7);
    transition: color .2s;
}
#main-nav .nav-link:hover,
#main-nav .nav-link.active {
    color: #fff;
}

/* ── Language switcher ───────────────────────────────────────────────── */
.lang-switcher-btn {
    font-size: .82rem;
    padding: .28rem .56rem;
    border-color: rgba(255,255,255,.35);
    color: #fff;
    transition: background .2s, border-color .2s;
}
.lang-switcher-btn:hover {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.55);
    color: #fff;
}
.lang-dropdown {
    min-width: 140px;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
}
.lang-dropdown .dropdown-item {
    font-size: .88rem;
    padding: .42rem .75rem;
}
.lang-dropdown .dropdown-item.active {
    background: #dc3545;
    color: #fff;
}
.lang-dropdown .dropdown-item:hover:not(.active) {
    background: #f1f5f9;
}

/* ── Hero card ───────────────────────────────────────────────────────── */
.hero-card {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}
.stat-box {
    background: rgba(255,255,255,.08);
}

/* ── Category cards (hover lift) ─────────────────────────────────────── */
.category-card {
    transition: transform .18s ease, box-shadow .18s ease;
}
.category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

/* ── Donate form — method cards ──────────────────────────────────────── */
.method-card {
    cursor: pointer;
    transition: border-color .2s, background .2s, box-shadow .2s;
    background: #fff;
}
.method-card:hover {
    border-color: #dc3545;
    background: #fef2f2;
}
.method-card-active,
.method-card.method-card-active {
    border-color: #dc3545 !important;
    background: #fef2f2 !important;
    box-shadow: 0 0 0 2px rgba(220,53,69,.25);
}
.method-title {
    font-size: .92rem;
}
.method-desc {
    display: block;
    margin-top: .18rem;
    font-size: .78rem;
}

/* ── Preset-amount buttons ───────────────────────────────────────────── */
.preset-btn {
    transition: background .15s, color .15s;
}
.preset-btn:hover {
    background: #dc3545;
    color: #fff;
    border-color: #dc3545;
}
.preset-btn.active {
    background: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

/* ── Confirm page — allocation rows ──────────────────────────────────── */
.alloc-row:last-child {
    border-bottom: none !important;
}
.alloc-row {
    animation: fadeSlideIn .35s ease both;
}
@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateX(-12px); }
    to   { opacity: 1; transform: translateX(0);     }
}

/* ── Confirm — check icon bounce ─────────────────────────────────────── */
.confetti-icon i {
    animation: checkBounce .6s .15s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes checkBounce {
    0%   { transform: scale(0);   }
    60%  { transform: scale(1.2); }
    100% { transform: scale(1);   }
}

/* ── Participants list in donate form ────────────────────────────────── */
#participants-list .participant-tag {
    display: inline-block;
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 14px;
    padding: 2px 10px;
    margin: 2px;
    font-size: .82rem;
}

/* ── Remove last border-bottom utility ───────────────────────────────── */
.last-border-0 > *:last-child {
    border-bottom: none !important;
}

/* ── Cursor pointer utility ──────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }

/* ── Footer ──────────────────────────────────────────────────────────── */
#main-footer {
    background: #f8fafc;
}