/* General styles for .select-text-box */
.select-text-box {
    width: 148px;
    outline: 0;
    height: 42px;
    text-align: left;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid #d9d9d9;
    margin: 0;
    padding: 5px 45px 5px 16px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDEzLjE3bDQuOTUtNC45NSAxLjQxNCAxLjQxNEwxMiAxNiA1LjYzNiA5LjYzNiA3LjA1IDguMjJ6IiBmaWxsPSIjMDAwIi8+PC9zdmc+");
    background-position: 95% center;
    background-color: #fff;
    box-shadow: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "Work Sans", sans-serif;
    text-transform: capitalize;
    font-family: inherit;
}

/* Light Theme */
body.site-light .select-text-box {
    background-color: unset !important;
    border-color: #d9d9d9; /* Light border */
}

/* Dark Theme */
body.site-dark .select-text-box {
    background-color: #2c2f33 !important; /* Dark background for the input */
    border-color: #555; /* Dark border */
    color: #fff; /* White text */
}

/* Filter button */
.points-table-submit-btn {
    line-height: 1.15;
    border-radius: 5px;
    border-color: #2575fc !important;
    height: auto;
}

/* Light Theme */
body.site-light .points-table-submit-btn {
    background-color: #2575fc; /* Light theme button background */
    color: white;
}

/* Dark Theme */
body.site-dark .points-table-submit-btn {
    background-color: #121314; /* Dark theme button background */
    color: white;
}

/* Table container styling */
.points_table_container {
    overflow: auto;
    border: 1px solid;
    border-radius: 5px;
}

/* Light Theme */
body.site-light .points_table_container {
    border-color: #d9d9d9; /* Light border color */
}

/* Dark Theme */
body.site-dark .points_table_container {
    border-color: #555; /* Dark border color */
}

/* Table header */
body.site-light .points_table_container thead {
    background: #F9F9F9;
    color: #000;
}

body.site-dark .points_table_container thead {
    background: #121314;
    color: #fff;
}

/* Team image column */
.team-image-name-col {
    display: flex;
    flex-direction: row;
}

/* Light Theme */
body.site-light .team-image-name-col {
    color: #000;
}

/* Dark Theme */
body.site-dark .team-image-name-col {
    color: #fff;
}

/* Status icons for form */
.points_table_container table td span.form-win {
    color: #fff;
    background-color: #28a745; /* Green for wins */
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 15px;
    text-align: center;
    margin-right: 3px;
    padding: 5px;
    font-size: 14px;
}

/* Light Theme */
body.site-light .points_table_container table td span.form-win {
    background-color: #28a745; /* Green for wins */
}

/* Dark Theme */
body.site-dark .points_table_container table td span.form-win {
    background-color: #1d6d3c; /* Darker green for wins */
}

/* Loss status icons */
.points_table_container table td span.form-loss {
    color: #fff;
    background-color: #dc3545; /* Red for losses */
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 15px;
    text-align: center;
    margin-right: 3px;
    padding: 5px;
    font-size: 14px;
}

/* Light Theme */
body.site-light .points_table_container table td span.form-loss {
    background-color: #dc3545; /* Red for losses */
}

/* Dark Theme */
body.site-dark .points_table_container table td span.form-loss {
    background-color: #8a1e1e; /* Darker red for losses */
}

/* No result status icons */
.points_table_container table td span.form-noresult {
    color: #000;
    background-color: #ccc; /* Gray for no result */
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 15px;
    text-align: center;
    margin-right: 3px;
    padding: 5px;
    font-size: 14px;
}

/* Light Theme */
body.site-light .points_table_container table td span.form-noresult {
    background-color: #ccc; /* Gray for no result */
}

/* Dark Theme */
body.site-dark .points_table_container table td span.form-noresult {
    background-color: #5c5c5c; /* Darker gray for no result */
}

/* Media Query for smaller screens */
@media screen and (max-width: 767px) {
    .pointsFilter {
        flex-direction: column;
    }
    .points-table-submit-btn {
        height: 42px !important;
    }
    .select-text-box {
        width: 100%;
    }
}