/* Leaderboard custom styles matching the Illidan/Legion theme */

#leaderboard-tab .nav-link {
    font-family: 'Cinzel', serif;
    color: #a39d96;
    border: 1px solid rgba(0, 255, 102, 0.1) !important;
    background-color: rgba(12, 6, 22, 0.6) !important;
    margin-right: 8px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out;
}

#leaderboard-tab .nav-link.active, #leaderboard-tab .nav-link:hover {
    color: #fff !important;
    background-color: rgba(0, 255, 102, 0.15) !important;
    border-color: #00ff66 !important;
    box-shadow: 0 0 10px rgba(0, 255, 102, 0.3);
}

.leaderboard-table {
    background-color: rgba(12, 6, 22, 0.85) !important;
    border: 1px solid rgba(0, 255, 102, 0.15) !important;
    border-collapse: separate !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.leaderboard-table th {
    font-family: 'Cinzel', serif;
    color: #00ff66 !important;
    background-color: rgba(0, 255, 102, 0.05) !important;
    text-shadow: 0 0 5px rgba(0, 255, 102, 0.5);
    border-bottom: 2px solid rgba(0, 255, 102, 0.2) !important;
    padding: 12px !important;
    font-weight: bold;
    letter-spacing: 1px;
}

.leaderboard-row {
    transition: all 0.25s ease-in-out;
}

.leaderboard-row:hover {
    background-color: rgba(0, 255, 102, 0.05) !important;
    box-shadow: inset 0 0 8px rgba(0, 255, 102, 0.1);
}

.rank-col {
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: #a39d96;
}

/* Top 3 special highlights */
.rank-1 .rank-col {
    color: #ffd700 !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
}
.rank-2 .rank-col {
    color: #c0c0c0 !important;
    text-shadow: 0 0 8px rgba(192, 192, 192, 0.6);
}
.rank-3 .rank-col {
    color: #cd7f32 !important;
    text-shadow: 0 0 8px rgba(205, 127, 50, 0.6);
}

.bot-badge {
    display: inline-block;
    cursor: help;
    margin-right: 4px;
    filter: drop-shadow(0 0 3px rgba(0, 255, 102, 0.5));
}

.money-gold {
    color: #ffd700;
    font-weight: bold;
    margin-right: 3px;
}

.money-silver {
    color: #c0c0c0;
    font-weight: bold;
    margin-right: 3px;
}

.money-copper {
    color: #b87333;
    font-weight: bold;
}