/* Team Standings CSS */
.team-standings-container {
    margin-bottom: 20px;
    background-color: var(--table-background-color, #ffffff);
}

/* Win/Loss styling for frontend */
.standings-table tr.has-wins td:last-child {
    background-color: var(--win-background-color, #90EE90);
}

/* Removed hover effect as requested */

.standings-header {
    font-size: var(--round-header-font-size, 20px);
    color: var(--round-header-text-color, #333333);
    background-color: var(--round-header-color, #333333);
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.standings-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: var(--base-font-size, 16px);
}

.standings-table th,
.standings-table td {
    padding: var(--standings-desktop-padding, 8px 12px);
    text-align: left;
    border-bottom: 1px solid var(--table-border-color, #dddddd);
}

.standings-table th {
    background-color: var(--player-name-background-color, #f0f0f0);
    color: var(--player-name-text-color, #333333);
    font-weight: bold;
    text-align: center;
}

.standings-table tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Removed hover effect as shown in screenshot */

/* Column styling for proper alignment */
/* Rank column */
.standings-table th:nth-child(1),
.standings-table td:nth-child(1) {
    width: 60px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

/* Team column - ensure it has more space and is left-aligned */
.standings-table th:nth-child(2) {
    text-align: left; /* Left align the Team header */
    padding-left: 10px;
    padding-right: 10px;
}

/* Add these styles to team-standings.css */
.standings-table td:nth-child(2) {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left; /* Ensure team names are flush left */
}

/* Add this to fix the player name rectangles */
.standings-table .player-name {
    display: inline-block;
    background-color: var(--player-name-background-color, #f0f0f0);
    color: var(--player-name-text-color, #333333);
    border-radius: 4px;
    padding: 3px 5px;
    margin: 2px 0;
    width: auto; /* Make width fit content */
    max-width: 100%; /* Prevent overflow */
}

/* Add spacing between player names */
.standings-table .player-name + br + .player-name {
    margin-top: 2px;
}

/* Wins column */
.standings-table th:nth-child(3),
.standings-table td:nth-child(3) {
    width: 60px;
    text-align: center;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

/* Responsive styles */
@media screen and (max-width: 600px) {
    .standings-table th,
    .standings-table td {
        padding: var(--standings-mobile-padding, 2px 2px);
        font-size: 0.9em;
    }
    
    .standings-table td:first-child {
        width: 25px;
    }
    
    .standings-table td:last-child {
        width: 35px;
    }
    
    /* Prevent team name wrapping */
    .standings-table td:nth-child(2) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px;
    }
}