/*
=================================
    LEAGUE TABLE CONTAINER
=================================
*/

/* Container for all table elements */
#league-table-container {
    width: 60%;
    justify-content: center;
    align-items: center;

    margin-right: 20px;

    transition: transform 0.3s ease; /* Add smooth transition effect */
}



#table-stats-container {
   width: 100%;
}

#table-stats-container th {
    border-bottom: 3px solid red; /* Add red bottom border */
}

/* Table that holds all the standing information */
#standings-table {
    width: 100%;
    padding: 15px;
}

/* Set the width for the column containing the club logo */
#club-logo-column {
    width: 25px; 
}

#table-club-logo {
    width: 25px;
    margin-right: 5px;
    cursor: pointer;

}

#club-name-column {
    cursor: pointer;
}

#standings-table td {
    padding: 5px;
}

/* Define styles for odd and even rows */
#standings-table tbody tr:nth-child(odd) {
    background-color: #f7c4c475; /* Light gray for odd rows */
}

#standings-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* White for even rows */
}

#points-column {

    font-weight: bolder;
}

/* Add hover effect to table rows */
#standings-table tbody tr:hover {
    border: 1px solid lightgray;
    border-radius: 10px;

    #table-club-logo {
        width: 32px;
    }

    #club-name-column {
        text-decoration: underline; /* Add underline effect */
    }
}

@media (max-width: 1230px) {
    #league-table-container {
        align-items: center;
        width: 75%;
        min-width: 580px;
    }   
}