/* HoFi Billard - hold_statistics.css v1.0 */

.hold-statistics-page {
    max-width: 1280px;
}

.hold-stat-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.hold-stat-card {
    padding: 1rem 1.15rem;
}

.hold-stat-card span {
    display: block;
    font-size: .8rem;
    opacity: .75;
    margin-bottom: .35rem;
}

.hold-stat-card strong {
    font-size: 1.8rem;
}

.hold-player-stats {
    padding: 0;
    overflow: hidden;
}

.hold-stat-heading {
    padding: 1rem 1rem .75rem;
}

.hold-stat-heading h2 {
    margin: 0;
}

.hold-stat-heading p {
    margin: .25rem 0 0;
    font-size: .82rem;
    opacity: .7;
}

.hold-stat-table-wrap {
    overflow-x: auto;
}

.hold-stat-table {
    width: 100%;
    border-collapse: collapse;
}

.hold-stat-table th,
.hold-stat-table td {
    padding: .7rem .75rem;
    border-bottom: 1px solid rgba(255,255,255,.11);
    text-align: right;
    white-space: nowrap;
}

.hold-stat-table th {
    font-size: .78rem;
    opacity: .8;
}

.hold-stat-table th:nth-child(2),
.hold-stat-table td:nth-child(2) {
    text-align: left;
}

.hold-stat-table .player-name,
.hold-stat-table .match-points,
.hold-stat-table .average {
    font-weight: 800;
}

.hold-stat-note,
.hold-stat-empty {
    padding: .85rem 1rem;
    font-size: .8rem;
    opacity: .72;
}

@media (max-width: 800px) {
    .hold-stat-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.hold-stat-table .average-improvement { font-weight: 800; }
.hold-stat-table .average-improvement.positive { color: #58d68d; }
.hold-stat-table .average-improvement.negative { color: #ff6b6b; }
.hold-stat-table .average-improvement.neutral { opacity: .75; }


/* v1.1 - PAR: både par- og spillerstatistik */

.pair-team-stats{
    margin-bottom:1rem
}

.pair-stat-table th:nth-child(2),
.pair-stat-table td:nth-child(2){
    min-width:180px
}

.pair-stat-table .league-points{
    font-weight:800
}

.pair-stat-table a{
    color:inherit;
    text-decoration:none
}

.pair-stat-table a:hover{
    color:var(--primary-hover)
}