/* ==========================================================
   ARTICOLI OLD ACCADDE OGGI
   ========================================================== */

/* CONTENITORE PRINCIPALE */
.campionato-box{
    max-width:1200px;
    margin:40px auto;
    margin-top: 0px;
    background:#fff;
    border:4px solid #6D0D1B;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* == HEADER == */
.campionato-header{
    background:linear-gradient(90deg,#6D0D1B,#8B1627);
    color:#fff;
    padding:20px 30px;
    font-family:'Rajdhani',sans-serif;
    font-size:2.3rem;
    font-weight:700;
    /* text-transform:uppercase; */
    letter-spacing:2px;
}

/* == ARTICOLO == */
.campionato-articolo{
    padding:35px;
    font-family:'Rubik',sans-serif;
    font-size:1.35rem;
    line-height:1.75;
    color:#333;
    text-align:justify;
}
.campionato-articolo img{
    float:left;
    width:360px;
    max-width:45%;
    margin:0 15px 15px 0;
    border-radius:15px;
    border:4px solid #d4af37;
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}

/* == TITOLI SEZIONI == */
.campionato-section{
    background:#6D0D1B;
    color:#fff;
    padding:14px 25px;
    font-family:'Rajdhani',sans-serif;
    font-size:1.7rem;
    font-weight:700;
    /* text-transform:uppercase; */
    letter-spacing:1px;
}

/* == TABELLE == */
.tabella-veloce{
    width:100%;
    border-collapse:collapse;
    font-family:'Rubik',sans-serif;
    margin-bottom:35px;
}
.tabella-veloce thead{
    background:#6D0D1B;
    color:#fff;
}
.tabella-veloce th{
    padding:16px;
    font-size:1.5rem;
    font-weight:600;
    text-transform:uppercase;
}
.tabella-veloce td{
    font-size:1.5rem;
    padding:14px;
    border-bottom:1px solid #e4e4e4;
}
.tabella-veloce tbody tr:nth-child(even){
    background:#f8f8f8;
}
.tabella-veloce tbody tr:hover{
    background:#f8f2dd;
    transition:.25s;
}

/* == COLONNE RISULTATI == */
.data{
    width:120px;
    text-align:center;
    /* font-weight:600; */
}
.partita{
    text-align:left;
    padding-left:25px;
}
.risultato{
    width:120px;
    text-align:center;
}

/* pillola risultato */
.score{
    display:inline-block;
    background:#6D0D1B;
    color:#fff;
    padding:6px 16px;
    border-radius:30px;
    font-weight:bold;
    min-width:55px;
}

/* == CLASSIFICA == */
/* ==========================================================
   CLASSIFICA
   ========================================================== */

.classifica tbody tr{
    transition:all .25s ease;
}
.classifica tbody tr:hover{
    transform:translateX(4px);
    box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.classifica td{
    vertical-align:middle;
}
.classifica .squadra{
    font-weight:400;
}
.classifica .punti{
    width: 120px;
    font-size:1.35rem;
    color:#6D0D1B;
}
.posizione{
    width:70px;
    text-align:center;
}

/* == CERCHIO POSIZIONE == */
.badge{
    width:38px;
    height:38px;
    margin:auto;
    border-radius:50%;
    background:#6D0D1B;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
}

/* == RESPONSIVE == */
@media(max-width:900px){
    .campionato-box{
        max-width:1200px;
        width: 100%;
        margin:20px auto;
        margin-top: 0px;
        background:#fff;
        border:4px solid #6D0D1B;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 12px 30px rgba(0,0,0,.18);
        padding: 5px;
    }
    .campionato-articolo{
        padding:15px;
        font-family:'Rubik',sans-serif;
        font-size:1.35rem;
        line-height:1.25;
        color:#333;
        text-align:left;
    }
    .campionato-articolo img{
        float:none;
        display:block;
        width:100%;
        max-width:100%;
        margin: 0 0 25px 0;
        /* margin:0 auto 25px; */
    }
    .tabella-scroll{
        overflow-x:auto;
    }
    .tabella-veloce{
        min-width:650px;
    }
    .campionato-header{
        font-size:1.8rem;
    }
    .campionato-section{
        font-size:1.4rem;
    }
}