/* ==========================================================================
   WK 2026 — Leaderboard & Rank Change Indicators
   ========================================================================== */

/* Rank Change Indicators */
.wc-rank-change {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}

.wc-rank-change--up {
    color: #16a34a;
    background: rgb(22 163 74 / 10%);
}

.wc-rank-change--down {
    color: #dc2626;
    background: rgb(220 38 38 / 10%);
}

.wc-rank-change--same {
    color: #9ca3af;
    background: rgb(156 163 175 / 8%);
}

.wc-rank-change--same i {
    font-size: 0.6rem;
}

.wc-rank-change--new {
    color: #8b5cf6;
    background: rgb(139 92 246 / 10%);
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Leaderboard page — change column */
.wc-leaderboard__row {
    display: flex;
    align-items: center;
}

.wc-leaderboard__change {
    flex: 0 0 auto;
    min-width: 3rem;
    text-align: center;
    margin-right: 0.5rem;
}

/* Pool Leaderboard (in pool show page) */
.wc-pool-leaderboard__row {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--wc-border, #e5e7eb);
    gap: 0.75rem;
}

.wc-pool-leaderboard__row:last-child {
    border-bottom: none;
}

.wc-pool-leaderboard__row--top3 {
    background: rgb(245 158 11 / 4%);
}

.wc-pool-leaderboard__row--current {
    background: rgb(59 130 246 / 6%);
    border-left: 3px solid var(--wc-primary, #3b82f6);
}

.wc-pool-leaderboard__rank {
    flex: 0 0 2rem;
    text-align: center;
    font-weight: 700;
    color: var(--wc-text-secondary, #6b7280);
}

.wc-pool-leaderboard__name {
    flex: 1 1 auto;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wc-pool-leaderboard__change {
    flex: 0 0 auto;
    min-width: 3rem;
    text-align: center;
}

.wc-pool-leaderboard__points {
    flex: 0 0 auto;
    text-align: right;
    font-size: 0.875rem;
    color: var(--wc-text-secondary, #6b7280);
}

.wc-pool-leaderboard__points strong {
    color: var(--wc-text-primary, #1f2937);
    font-size: 1rem;
}

/* Medal icons */
.wc-medal {
    font-size: 1.1rem;
}

.wc-medal--gold {
    color: #f59e0b;
}

.wc-medal--silver {
    color: #9ca3af;
}

.wc-medal--bronze {
    color: #d97706;
}

/* Dashboard ranking position — rank change next to position */
.wc-ranking-position {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.wc-ranking-position .wc-rank-change {
    margin-top: 0.25rem;
}