/* =========================================================
   BLOODMOON ROLEPLAY
   HUMAN ATTACKS RANKING
   stats-human.css
   ========================================================= */

/* Base commune aux pages de statistiques */
@import url("/roleplay/css/stats-all-races.css");

/* =========================================================
   HUMAN THEME
   ========================================================= */

.bm-human-attacks-page {
    --human-gold: #d6ae64;
    --human-gold-light: #f2d89c;
    --human-gold-dark: #8f6734;
}

/* =========================================================
   PAGE HEADING
   ========================================================= */

.bm-human-attacks-page .bm-stats-eyebrow {
    color: var(--human-gold);
    letter-spacing: 0.2em;
}

.bm-human-attacks-page .bm-stats-title {
    color: var(--human-gold-light);
}

.bm-human-attacks-page .bm-stats-heading {
    border-color: rgba(214, 174, 100, 0.22);
}

/* =========================================================
   SUMMARY CARDS
   ========================================================= */

.bm-human-attacks-page .bm-stats-summary-card {
    border-color: rgba(214, 174, 100, 0.22);
}

.bm-human-attacks-page .bm-stats-summary-value {
    color: var(--human-gold-light);
}

/* =========================================================
   LEADERBOARD
   ========================================================= */

.bm-human-attacks-page .bm-stats-board {
    border-color: rgba(214, 174, 100, 0.2);
}

.bm-human-attacks-page .bm-stats-board-eyebrow {
    color: var(--human-gold);
}

.bm-human-attacks-page .bm-stats-board-heading h2 {
    color: var(--human-gold-light);
}

.bm-human-attacks-page .bm-stats-table-heading {
    border-bottom-color: rgba(214, 174, 100, 0.24);
}

/* =========================================================
   PLAYER ROWS
   ========================================================= */

.bm-human-attacks-page .bm-stats-player-row {
    border-color: rgba(214, 174, 100, 0.13);
}

.bm-human-attacks-page .bm-stats-player-row:hover {
    border-color: rgba(214, 174, 100, 0.42);
    background: rgba(214, 174, 100, 0.055);
}

.bm-human-attacks-page .bm-stats-rank-number {
    color: var(--human-gold);
}

.bm-human-attacks-page .bm-stats-player-name a:hover {
    color: var(--human-gold-light);
}

/* =========================================================
   HUMAN BADGE
   ========================================================= */

.bm-human-attacks-page .bm-stats-race-badge.race-human {
    color: var(--human-gold-light);
    background: rgba(214, 174, 100, 0.1);
    border: 1px solid rgba(214, 174, 100, 0.3);
}

/* =========================================================
   ATTACK COUNT
   ========================================================= */

.bm-human-attacks-page .bm-stats-player-xp strong {
    color: var(--human-gold-light);
}

.bm-human-attacks-page .bm-stats-player-xp small {
    color: var(--human-gold);
    letter-spacing: 0.1em;
}

/* =========================================================
   TOP THREE
   ========================================================= */

.bm-human-attacks-page .bm-stats-player-row.rank-first {
    border-color: rgba(242, 216, 156, 0.45);
    background: rgba(214, 174, 100, 0.09);
}

.bm-human-attacks-page .bm-stats-player-row.rank-second {
    border-color: rgba(192, 192, 192, 0.3);
}

.bm-human-attacks-page .bm-stats-player-row.rank-third {
    border-color: rgba(180, 117, 65, 0.32);
}

/* =========================================================
   PAGINATION
   ========================================================= */

.bm-human-attacks-page .bm-stats-pagination-link:hover {
    border-color: var(--human-gold);
    color: var(--human-gold-light);
}

.bm-human-attacks-page .bm-stats-pagination-current {
    border-color: var(--human-gold);
    background: rgba(214, 174, 100, 0.16);
    color: var(--human-gold-light);
}