/* Stili personalizzati per la tabella */

    .table-classifica th,
    .table-classifica td {
        padding: 0.5rem;
        vertical-align: middle;
        text-align: center;
    }

    .table-classifica .squadra {
        max-width: 210px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        padding: 2px 4px;
    }

/* Stile per la squadra vincitrice (prima posizione) */
.squadra-vincitrice {
    font-size: 1rem;
    font-weight: bold;
    padding: 8px 10px !important;
    background-color: #d4edda;
    border-left: 1px solid #28a745 !important;
}

/* Stile per l'intera riga della squadra vincitrice */
.riga-vincitrice {
    background-color: #e8f5e9 !important;
    /* border: 1px solid #28a745 !important; */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .riga-vincitrice .punti {
        color: green
    }

/* Stile per la posizione della squadra vincitrice */
.posizione-vincitrice {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #28a745;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

/* Badge per il leader */
.badge-leader {
    background-color: #28a745;
    color: #fff;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 0.75rem;
    vertical-align: middle;
}

.classifica-header {
    background-color: #343a40;
    color: white;
    padding: 0.75rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.posizione {
    font-weight: bold;
}

.punti {
    font-weight: bold;
}



/* Stili per righe alternate */
.dispari {
    background-color: #f8f9fa;
}

.pari {
    background-color: #ffffff;
}

/* Stili per la visualizzazione mobile */
@media (max-width: 767.98px) {

        .table-classifica th,
        .table-classifica td {
            padding: 0.4rem 0.2rem;
        }

        .table-classifica .squadra {
            max-width: 120px;
        }

    .table-responsive {
        overflow-x: auto;
    }

    /* Nascondi alcune colonne meno importanti su mobile */
    .hide-mobile {
        display: none;
    }
}

/* Tooltip per le abbreviazioni */
.tooltip-abbreviazione {
    cursor: help;
    border-bottom: 1px dotted #6c757d;
}

/* Stili per le diverse zone della classifica */
.zona-promozione {
    border-left: 3px solid #28a745 !important;
}

.zona-playoff {
    border-left: 3px solid #17a2b8 !important;
}

.zona-playout {
    border-left: 3px solid #ffc107 !important;
}

.zona-retrocessione {
    border-left: 3px solid #dc3545 !important;
}