/* ==========================================================
   Fixtures
   ========================================================== */

.fixtures-page{

    display:flex;
    flex-direction:column;
    gap:28px;

}

/* ==========================================================
   Runde
   ========================================================== */

.round-section{

    display:flex;
    flex-direction:column;
    gap:16px;

}

.round-section h2{

    margin:0;

    font-size:1.35rem;

    color:var(--text-primary);

    border-bottom:1px solid rgba(255,255,255,.08);

    padding-bottom:10px;

}

/* ==========================================================
   Kamp liste
   ========================================================== */

.fixture-list{

    display:flex;

    flex-direction:column;

    gap:14px;

}

/* ==========================================================
   Kamp kort
   ========================================================== */

.fixture-row{

    display:grid;

    grid-template-columns:

        1fr
        90px
        1fr
        120px;

    align-items:center;

    gap:18px;

    padding:18px 22px;

}

.fixture-home{

    font-size:1.05rem;

    font-weight:700;

}

.fixture-away{

    font-size:1.05rem;

    font-weight:700;

    text-align:right;

}

.fixture-score{

    text-align:center;

    font-size:1.20rem;

    font-weight:700;

    color:var(--primary);

}

.fixture-date{

    text-align:right;

    font-size:.90rem;

    color:var(--text-secondary);

    line-height:1.5;

}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width:900px){

    .fixture-row{

        grid-template-columns:

            1fr
            70px
            1fr;

    }

    .fixture-date{

        grid-column:1 / -1;

        text-align:left;

        padding-top:12px;

    }

}