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

.skomager-results-page {
    max-width: 1100px;
}

.skomager-result-filter {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.skomager-result-filter a {
    padding: 0.45rem 0.8rem;
    border-radius: 8px;
    text-decoration: none;
}

.skomager-result-filter a.active {
    font-weight: 800;
    background: rgba(70,140,255,.18);
}

.skomager-results-list {
    display: grid;
    gap: 0.8rem;
}

.skomager-result-card {
    display: block;
    padding: 0.9rem 1rem;
}

.skomager-result-meta {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-bottom: 0.55rem;
    font-size: 0.78rem;
    opacity: 0.76;
}

.skomager-result-main {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
}

.skomager-result-player {
    font-weight: 700;
}

.skomager-result-home {
    text-align: right;
}

.skomager-result-away {
    text-align: left;
}

.skomager-result-score {
    min-width: 72px;
    text-align: center;
    font-size: 1.35rem;
    font-weight: 800;
}

.skomager-result-games {
    display: flex;
    gap: 0.75rem 1.2rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 0.78rem;
    opacity: 0.82;
}

.skomager-result-footer {
    margin-top: 0.55rem;
    text-align: center;
    font-size: 0.8rem;
}

@media (max-width: 700px) {

    .skomager-result-main {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .skomager-result-home,
    .skomager-result-away,
    .skomager-result-score {
        text-align: center;
    }
}