.competition-page{

    max-width:1200px;
    margin:auto;

}

.competition-info{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;

    margin:30px 0;

}

.competition-info>div{

    background:var(--card-bg);
    border:1px solid var(--border-color);

    border-radius:10px;

    padding:20px;

}

.team-list{

    display:flex;
    flex-direction:column;

    gap:10px;

    margin-top:20px;

}

.team-row{

    display:grid;

    grid-template-columns:
        60px
        1fr
        90px;

    align-items:center;

    gap:20px;

    padding:18px 22px;

}

.team-row:hover{

    background:var(--card-hover);

}

.team-main{

    display:flex;

    flex-direction:column;

    gap:6px;

}

.team-name{

    font-size:1.15rem;

    font-weight:700;

}

.team-meta{

    display:flex;

    gap:18px;

    color:#9fb3c8;

    font-size:.90rem;

}

.team-average{

    text-align:right;

    font-size:1.35rem;

    font-weight:700;

}

.team-players{

    opacity:.7;

}

@media(max-width:800px){

    .competition-info{

        grid-template-columns:1fr;

    }

}




/* ==========================================================
   Action Cards
   ========================================================== */

.competition-actions{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin:24px 0 30px;

}

.action-card{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:16px 20px;

    min-height:64px;

}

.action-icon{

    font-size:26px;

    line-height:1;

}

.action-title{

    font-size:1rem;

    font-weight:700;

    color:var(--text-primary);

}

/* Tablet */

@media (max-width:900px){

    .competition-actions{

        grid-template-columns:repeat(2,1fr);

    }

}

/* Mobil */

@media (max-width:600px){

    .competition-actions{

        grid-template-columns:1fr;

    }

}