/* Darts Stats Plugin — Front-end Styles */

.darts-stats-wrapper {
    font-family: inherit;
    margin: 1.5em 0;
}

.darts-stats-title {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75em;
    border-left: 4px solid #e63946;
    padding-left: 0.6em;
    color: #1a1a2e;
}

.darts-stats-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.darts-stats-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

.darts-stats-table thead tr {
    background: #1a1a2e;
    color: #fff;
}

.darts-stats-table th {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.darts-stats-table td {
    padding: 9px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    white-space: nowrap;
}

.darts-row-even {
    background: #fafafa;
}

.darts-row-odd {
    background: #fff;
}

.darts-stats-table tbody tr:hover {
    background: #f0f4ff;
}

.darts-stats-table tbody tr:last-child td {
    border-bottom: none;
}

/* Rank column */
.darts-stats-rank {
    text-align: center;
    font-weight: 600;
    color: #888;
    width: 2.5em;
    min-width: 2.5em;
}

thead .darts-stats-rank {
    color: #ccc;
}

/* Highlight top 3 */
.darts-stats-table tbody tr:nth-child(1) .darts-stats-rank {
    color: #f5a623;
    font-size: 1.1em;
}
.darts-stats-table tbody tr:nth-child(2) .darts-stats-rank {
    color: #9b9b9b;
}
.darts-stats-table tbody tr:nth-child(3) .darts-stats-rank {
    color: #b36a24;
}

/* Player name bold */
.darts-stats-col-player {
    font-weight: 600;
    color: #1a1a2e;
}

/* Numeric columns */
.darts-stats-col-played,
.darts-stats-col-won,
.darts-stats-col-lost,
.darts-stats-col-legs_won,
.darts-stats-col-legs_lost,
.darts-stats-col-one_eighties,
.darts-stats-col-highest_checkout,
.darts-stats-col-points {
    text-align: center;
}

.darts-stats-col-average,
.darts-stats-col-checkout {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.darts-stats-col-won {
    color: #2a9d3f;
    font-weight: 600;
}

.darts-stats-col-lost {
    color: #c0392b;
}

.darts-stats-col-one_eighties {
    color: #e63946;
    font-weight: 700;
}

.darts-stats-updated {
    font-size: 0.78em;
    color: #999;
    margin-top: 0.5em;
    text-align: right;
}

.darts-stats-error {
    background: #fef0f0;
    border: 1px solid #e9a2a2;
    border-radius: 4px;
    padding: 0.75em 1em;
    color: #c0392b;
    font-size: 0.9em;
}

/* Mobile */
@media (max-width: 600px) {
    .darts-stats-table th,
    .darts-stats-table td {
        padding: 7px 10px;
        font-size: 0.85em;
    }
}