@charset "utf-8";
/* CSS Document */
.clasamentul {
    background: #ffffff;
    font-family: 'NunitoSans-Regular', sans-serif;
    font-size: 16px;
    width: 100%;
	max-width:1250px; 
    overflow-x: auto;
	margin: 0 auto;
}

/* ====== TABEL ====== */
table {
    width: 100%;
    border-collapse: collapse;
    color: #58585a;
}

td, th {
    text-align: center;
    padding: 0.7em;
    border-right: 3px solid #fff;
}

td:last-child, th:last-child {
    border-right: none;
}

/* ====== HEADER ====== */
.headerClasament th {
    background: #e70101;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
}

/* ====== ZEBRA ====== */
tbody tr:nth-child(even) { background: #e2e3e4; }
tbody tr:nth-child(odd)  { background: #ecedee; }

/* ====== HOVER ====== */
tbody tr:hover { background: #D8D8D8; }

/* ====== ECHIPA ====== */
.echipa{
    display:flex;
    align-items:center;
}

.stemaEchipa {
   width:40px;
    height:40px;
    object-fit:contain;
	margin-right: 15px;
}

/* ====== RÂND SPECIAL (ZĂBRANI) ====== */

.csvz td {
background-color:#e40521!important; 	
color:#fff!important;
background-color: #fff;
border-left:none;
border-right:none;

}

/* ====== RESPONSIVE ====== */
@media (max-width: 600px) {

    /* Ascundem coloanele secundare */
    .v, .e, .i, .g, .difG {
        display: none !important;
    }

    td, th {
        padding: 0.45em;
        font-size: 14px;
    }

    .echipa {
        font-size: 14px;
        gap: 6px;
    }

    .stemaEchipa {
        max-height: 40px;
    }

    .loc {
        width: 35px;
        font-weight: 600;
    }

    .m, .clP {
        width: 40px;
        font-weight: 600;
    }
}

@media (max-width: 480px) {
    td, th {
        padding: 0.35em;
        font-size: 13px;
    }

    .echipa {
        gap: 4px;
    }

    .stemaEchipa {
        max-height: 36px;
    }
}