/* Leaderboard Styles */

/* Leaderboard row colors - Default (Light Mode) */
.leaderboard-row-even {
    background-color: #ffffff !important;
}

.leaderboard-row-odd {
    background-color: #f8f9fa !important;
}

/* Dark mode specific overrides */
[data-theme="dark"] .leaderboard-row-even {
    background-color: #1e1e1e !important;
}

[data-theme="dark"] .leaderboard-row-odd {
    background-color: #2d2d2d !important;
}

/* Current user highlighting - Light mode */
.current-user-row {
    background-color: rgba(13, 110, 253, 0.08) !important;
    border-left: 3px solid #0d6efd !important;
    transition: box-shadow 0.3s ease;
}

/* Current user highlighting - Dark mode */
[data-theme="dark"] .current-user-row {
    background-color: rgba(77, 163, 255, 0.15) !important;
    border-left: 3px solid #4da3ff !important;
}

/* Rank badges */
.badge-rank {
    background-color: #0d6efd;
    color: white;
    font-size: 0.875rem;
    min-width: 2rem;
    text-align: center;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}

/* Detail page specific styles */
.leaderboard-detail .badge-rank {
    min-width: 2.5rem;
}

/* Table styling for detail pages - Light mode */
.leaderboard-detail .table {
    color: #212529;
    margin-bottom: 0;
    background-color: transparent !important;
}

.leaderboard-detail .table th {
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.leaderboard-detail .table td {
    border-bottom: 1px solid #dee2e6;
    color: #212529 !important;
}

.leaderboard-detail .table tbody tr:last-child td {
    border-bottom: none;
}

.leaderboard-detail .table tbody tr:hover {
    background-color: #f8f9fa !important;
}

/* Dark mode table overrides */
[data-theme="dark"] .leaderboard-detail .table {
    color: #e0e0e0;
}

[data-theme="dark"] .leaderboard-detail .table th {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #404040;
}

[data-theme="dark"] .leaderboard-detail .table td {
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

[data-theme="dark"] .leaderboard-detail .table tbody tr:hover {
    background-color: #404040 !important;
}

/* Preview list styling - Light mode */
.leaderboard-preview .list-group-item {
    background-color: #ffffff;
    border-color: #dee2e6;
    color: #212529;
}

.leaderboard-preview .list-group-item:first-child {
    border-top: none;
}

.leaderboard-preview .list-group-item:last-child {
    border-bottom: none;
}

.leaderboard-preview .list-group-item:hover {
    background-color: #f8f9fa;
}

/* Preview list styling - Dark mode */
[data-theme="dark"] .leaderboard-preview .list-group-item {
    background-color: #1e1e1e;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .leaderboard-preview .list-group-item:hover {
    background-color: #2d2d2d;
}

/* User highlighting in preview lists - Light mode */
.leaderboard-preview .list-group-item.current-user-item {
    background-color: rgba(13, 110, 253, 0.08) !important;
    border-left: 3px solid #0d6efd !important;
}

/* User highlighting in preview lists - Dark mode */
[data-theme="dark"] .leaderboard-preview .list-group-item.current-user-item {
    background-color: rgba(77, 163, 255, 0.15) !important;
    border-left: 3px solid #4da3ff !important;
}

/* Card header styling for light mode */
.card-header.bg-white {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

/* Card header styling for dark mode */
[data-theme="dark"] .card-header.bg-white {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}