/*////////////////////////////////////////////////////////////////////
// Copyright 2026 (c) Yanko Lemoine
//
// This program and the accompanying materials are made
// available under the terms of the Eclipse Public License 2.0
// which is available at https://www.eclipse.org/legal/epl-2.0/
//
// SPDX-License-Identifier: EPL-2.0
////////////////////////////////////////////////////////////////////*/

#players_table {
    table {
        width: 100%;
    }

    th, td {
        padding: 1vw 0.75vw;

    }

}

#players_table > table th {
    cursor: pointer;
    user-select: none;
}

#players_table table th:hover {
    color: blue;
}



#players_table table th.sort-asc {
    color: blue;
}

#players_table table th.sort-asc::after {
    content: "↑";
    opacity: 1;
} 

#players_table table th.sort-desc {
    color: blue;
}

#players_table table th.sort-desc::after {
    content: "↓";
    opacity: 1;
}

#players_table table th.sort-none::after {
    content: "⇅";
    font-size: 1.5vw;
    opacity: 0.3;
    margin-left: 6px;
}

@media screen and (max-width: 1000px) {
    h2 {
        text-align: center;
    }
    
    #players_table {
        th, td {
            padding: 15px 10px;
            font-size: 1em;
        }
    }
}

@media screen and (max-width: 800px) {
    
    #players_table {
        th, td {
            padding: 15px 8px;
            font-size: 0.85em;
        }
    }
}

@media screen and (max-width: 680px) {
    
    #players_table {
        th, td {
            padding: 15px 3px;
            font-size: 0.78em;
        }
    }
}

@media screen and (max-width: 500px) {
    
    #players_table {
        th, td {
            padding: 15px 2px;
            font-size: 0.65em;
        }
    }
}

@media screen and (max-width: 420px) {
    
    #players_table {
        th, td {
            padding: 15px 2px;
            font-size: 2vw;
        }
    }
}