/* ==========================
   CLASSIFICA - STILE PULITO
========================== */

.classifica-table {
    margin-left: 0 !important; /* rimuove eventuali margini */
}

/* Contenitore tabella */
.table-container {
    padding: 5px 0px;
}

/* Tabella principale */
.table-container table {
    width: 100%;
    border-collapse: collapse;
}

/* Header tabella */
.table-container th {
    background-color: #084a7a;
    color: white;
    font-weight: 600;
    text-align: center;
    padding: 6px 8px;
    font-size: 14px; /* dimensione uniforme desktop */
}

/* Celle tabella */
.table-container td {
    padding: 6px 8px; /* mantiene altezza righe */
    vertical-align: middle;
    text-align: center;
    font-size: 14px; /* dimensione uniforme desktop */
}

/* Riga Napoli evidenziata */
.table-primary {
    background-color: #0c76a4 !important;
    color: white;
    font-weight: bold;
}

/* Logo squadra nelle celle */
.table-container td img {
    display: inline-block;
    vertical-align: middle;
    max-height: 20px;
}

/* Punti e giocate in grassetto */
.table-container td strong {
    font-weight: bold;
    display: block;
    text-align: center;
}

/* Hover sulle righe */
.table-container tbody tr:hover {
    background-color: #f0f8ff;
}

/* Colonne strette per V/N/S/GF/GS */
.table-container td:nth-child(4),
.table-container td:nth-child(5),
.table-container td:nth-child(6),
.table-container td:nth-child(7),
.table-container td:nth-child(8) {
    padding-left: 4px;
    padding-right: 4px;
}

/* Titolo sezione */
.section-title {
    font-size: 24px;
    font-weight: 700;
    color: #0c76a4;
    margin-bottom: 10px;
}

/* Linea HR */
hr {
    border: 0;
    height: 1px;
    background-color: #0c76a4;
    margin: 8px 0 12px 0;
}

/* Padding generale per tutte le celle */
.table-sm td,
.table-sm th {
    padding: 0.5rem 0.75rem; /* mantiene altezza righe */
}

/* Gruppo V / N / P / GF / GS: riduce padding interno senza cambiare font */
.table-sm td:nth-child(4),
.table-sm td:nth-child(5),
.table-sm td:nth-child(6),
.table-sm td:nth-child(7),
.table-sm td:nth-child(8),
.table-sm th:nth-child(4),
.table-sm th:nth-child(5),
.table-sm th:nth-child(6),
.table-sm th:nth-child(7),
.table-sm th:nth-child(8) {
    padding-left: 0.10rem;
    padding-right: 0.10rem;
    text-align: center;
}

/* Mantieni grassetto centrato dove necessario */
.table-sm td strong {
    display: block;
    text-align: center;
}

/* Responsive per mobile */
@media (max-width: 768px) {
    .table-container td,
    .table-container th {
        font-size: 12px; /* riduce dimensione font mobile ma uguale per tutte le celle */
    }

    /* Mini classifica nascosta su mobile */
    .sidebar-organigramma .mini-classifica,
    .sidebar-organigramma h5.mt-4 {
        display: none !important;
    }
	
	/* Tabella principale */
	.table-container table {
		width: 95%;
		border-collapse: collapse;
	}	
	
}

/* ==========================
   CLASSIFICA - STICKY SOLO MOBILE
========================== */
@media (max-width: 576px) {

    .table-responsive {
        overflow-x: auto;
        position: relative;
    }

    table {
        min-width: 300px; /* forza scroll solo su mobile */
        border-collapse: separate;
        border-spacing: 0;
    }

    .sticky-col {
        position: sticky;
        background: #fff;
        z-index: 2;
    }

    .sticky-col-1 {
        left: 0;
        min-width: 10px;
        text-align: center;
        z-index: 4;
    }

    .sticky-col-2 {
        left: 20px;
        min-width: 60px;
        z-index: 4;
    }

    /* riga Napoli */
    .table-primary .sticky-col {
        background-color: #cfe2ff !important;
    }
}

