/* =============================================================
   WoW Bolivia — Online Players
   ============================================================= */

#playersTableContainer .wb-table tbody td:first-child {
    font-weight: 700;
    color: #f4bf2a;
}

/* -------------------------------------------------------------
   DataTables — Bootstrap 5 integration (cdn.datatables.net/v/bs5)
   Pagination renders as ul.pagination > li.page-item > a.page-link
   ------------------------------------------------------------- */

/* Reset Bootstrap default page-link background inside DataTables */
#playersTableContainer .pagination .page-item .page-link,
#playersTableContainer .dataTables_paginate .page-item .page-link {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #7a90a0 !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

/* Active / current page */
#playersTableContainer .pagination .page-item.active .page-link,
#playersTableContainer .dataTables_paginate .page-item.active .page-link {
    background-color: rgba(2, 179, 234, 0.2) !important;
    border-color: rgba(2, 179, 234, 0.5) !important;
    color: #02b3ea !important;
    font-weight: 700 !important;
}

/* Hover — non-disabled */
#playersTableContainer .pagination .page-item:not(.disabled):not(.active) .page-link:hover,
#playersTableContainer .dataTables_paginate .page-item:not(.disabled):not(.active) .page-link:hover {
    background-color: rgba(2, 179, 234, 0.10) !important;
    border-color: rgba(2, 179, 234, 0.3) !important;
    color: #7ecfff !important;
}

/* Disabled (Previous when on first page, Next when on last) */
#playersTableContainer .pagination .page-item.disabled .page-link,
#playersTableContainer .dataTables_paginate .page-item.disabled .page-link {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #2d4050 !important;
    cursor: default !important;
}

/* Previous / Next labels — slightly different style when enabled */
#playersTableContainer .pagination .page-item.previous:not(.disabled) .page-link,
#playersTableContainer .pagination .page-item.next:not(.disabled) .page-link,
#playersTableContainer .dataTables_paginate .page-item.previous:not(.disabled) .page-link,
#playersTableContainer .dataTables_paginate .page-item.next:not(.disabled) .page-link {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #8aabb8 !important;
}

#playersTableContainer .pagination .page-item.previous:not(.disabled) .page-link:hover,
#playersTableContainer .pagination .page-item.next:not(.disabled) .page-link:hover,
#playersTableContainer .dataTables_paginate .page-item.previous:not(.disabled) .page-link:hover,
#playersTableContainer .dataTables_paginate .page-item.next:not(.disabled) .page-link:hover {
    background-color: rgba(2, 179, 234, 0.12) !important;
    border-color: rgba(2, 179, 234, 0.35) !important;
    color: #02b3ea !important;
}

/* -------------------------------------------------------------
   DataTables — Info text + filter/length controls
   ------------------------------------------------------------- */

#playersTableContainer .dataTables_info {
    color: #4a6070;
    font-size: 13px;
    padding-top: 12px;
}

#playersTableContainer .dataTables_filter label,
#playersTableContainer .dataTables_length label {
    color: #5a7a90;
    font-size: 13px;
}

#playersTableContainer .dataTables_filter input,
#playersTableContainer .dataTables_length select {
    background-color: #071525 !important;
    border: 1px solid #1a4a6a !important;
    color: #e0e8f0 !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    margin-left: 6px !important;
}