/**
 * SNEC pagination — must load last (overrides Bootstrap 5, Azia, DataTables)
 */

.content-area .pagination,
.content-area ul.pagination,
.pagination-wrap .pagination,
.pagination-wrapper .pagination,
.pagination-wrapper ul.pagination,
.public-website-body .pagination,
.public-website-body ul.pagination,
.card-body .pagination,
.data-card .pagination,
.mg-t-20 .pagination,
.inst-page-wrap .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 !important;
}

.content-area .pagination .page-item,
.content-area ul.pagination > li {
    margin: 0 !important;
    list-style: none !important;
}

.content-area .pagination .page-link,
.content-area .pagination .page-item span,
.content-area ul.pagination li a,
.content-area ul.pagination li span,
.pagination-wrapper .pagination .page-link,
.pagination-wrapper .pagination .page-item span,
.pagination-wrapper ul.pagination li a,
.pagination-wrapper ul.pagination li span,
.public-website-body .pagination .page-link,
.public-website-body .pagination .page-item span,
.public-website-body ul.pagination li a,
.public-website-body ul.pagination li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    color: #2971b7 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: auto !important;
}

.content-area .pagination .page-item.active .page-link,
.content-area .pagination .page-item.active span,
.content-area ul.pagination li.active span,
.pagination-wrapper .pagination .page-item.active .page-link,
.pagination-wrapper .pagination .page-item.active span,
.public-website-body .pagination .page-item.active .page-link,
.public-website-body .pagination .page-item.active span {
    background-color: #2971b7 !important;
    border-color: #2971b7 !important;
    color: #fff !important;
    z-index: 1 !important;
}

.content-area .pagination .page-item.disabled .page-link,
.content-area .pagination .page-item.disabled span,
.content-area ul.pagination li.disabled span {
    background-color: #f8f9fa !important;
    border-color: #e9ecef !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
}

.content-area .pagination .page-link:hover,
.content-area ul.pagination li a:hover,
.pagination-wrapper .pagination .page-link:hover,
.public-website-body .pagination .page-link:hover {
    background-color: #f0f7ff !important;
    border-color: #2971b7 !important;
    color: #2971b7 !important;
}

.content-area .pagination .page-item.active .page-link:hover,
.pagination-wrapper .pagination .page-item.active .page-link:hover,
.public-website-body .pagination .page-item.active .page-link:hover {
    background-color: #1e5a9a !important;
    border-color: #1e5a9a !important;
    color: #fff !important;
}

/* Hide duplicate DataTables pagination when using Laravel links */
.content-area .dataTables_wrapper .dataTables_paginate {
    display: none !important;
}

.content-area table.no-datatable + .dataTables_wrapper .dataTables_paginate,
.content-area table.table-server-paginated ~ .dataTables_paginate {
    display: none !important;
}

/* If DataTables wrapper exists around server-paginated table, hide DT controls only */
.content-area .dataTables_wrapper:has(table.no-datatable) .dataTables_length,
.content-area .dataTables_wrapper:has(table.no-datatable) .dataTables_filter,
.content-area .dataTables_wrapper:has(table.no-datatable) .dataTables_info,
.content-area .dataTables_wrapper:has(table.no-datatable) .dataTables_paginate {
    display: none !important;
}