@layer theme {
    :root {
        --bs-wim-lightblue-color-rgb: 93, 149, 186;
        --color-swim-gold: #af8d6a;
        --color-swim-lightblue: #5d95ba;
    }
}

/* Overrride area - dues to bootstrap 5.3.3 sass */

.text-white {
    /* --bs-text-opacity: 1; */
    /* color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; */
}

a.footer-link.text-white.text-lg {
    text-decoration: none !important;
    color: #ffffff !important;
    /* color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); */
    /* text-decoration: underline; */
}

*, ::after, ::before {
    /* box-sizing: border-box; */
}

a.header-link {
    text-decoration: none !important;
    color: #ffffff !important;
    /*color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); */
    /* text-decoration: underline; */
}

a.leaderboard-name {
    text-decoration: none !important;
    color: #4997BE;
    filter: brightness(.9);
}

ul.pagination {
    column-gap: 0em !important;
}

ul.pagination {
    column-gap: 0em !important;
}

li.dt-paging-button.page-item.disabled,
li.dt-paging-button.page-item {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}

/*
#tableLeaderboardMen, #tableLeaderboardMen_wrapper {
    box-sizing: border-box !important;
}


    #tableLeaderboardMen.ul.pagination, #tableLeaderboardMen_wrapper.ul.pagination {
        display: flex !important;
        padding-left: 0;
        list-style: none;
    }

        #tableLeaderboardMen.ul..pagination.page-item, #tableLeaderboardMen_wrapper.ul.pagination.page-item {
            display: list-item !important;
        }
*/
/* 1. Restore the pagination flex container */
.dt-paging ul.pagination {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Restore the buttons that your CSS made transparent and square */
.dt-paging .page-link {
    background-color: #fff !important; /* Restore white background */
    border: 1px solid #dee2e6 !important; /* Restore the border */
    padding: 0.375rem 0.75rem !important; /* Restore standard spacing */
    color: #0d6efd !important; /* Restore Bootstrap blue text */
    display: block !important;
    border-radius: 4px !important; /* Optional: gives them a slight round */
}

/* 3. Highlight the 'Active' page button */
.dt-paging .page-item.active .page-link {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* 4. Handle Disabled buttons (like 'Previous' on page 1) */
.dt-paging .page-item.disabled .page-link {
    color: #6c757d !important;
    pointer-events: none !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    opacity: 0.6;
}