/* One pagination appearance for server-rendered and JavaScript pagers. */
:root {
    --pager-bg: #f4f5f6;
    --pager-text: #3f4851;
    --pager-border: #c9cdd1;
    --pager-hover: #e2e5e8;
    --pager-active: #6f7882;
    --pager-muted: #727a82;
}
html[data-aureo-theme="dark"] {
    --pager-bg: #303840;
    --pager-text: #eef1f4;
    --pager-border: #59636d;
    --pager-hover: #3d4852;
    --pager-active: #52697d;
    --pager-muted: #a6afb8;
}
.pagination, .aureo-pagination {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 0 !important;
    max-width: 100%;
    padding: 0;
    border: 1px solid var(--pager-border);
    border-radius: .65rem;
    box-shadow: 0 .15rem .45rem rgba(0,0,0,.07);
    overflow: hidden;
    vertical-align: middle;
}
.pagination .page-item { margin: 0; }
:root .pagination .page-link, :root .aureo-pagination > a, :root .aureo-pagination > button, :root .aureo-pagination > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: .4rem .75rem;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--pager-border) !important;
    border-radius: 0 !important;
    background: var(--pager-bg) !important;
    color: var(--pager-text) !important;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}
:root .pagination .page-item:last-child .page-link, :root .aureo-pagination > :last-child { border-right: 0 !important; }
:root .pagination .page-link:hover, :root .aureo-pagination > a:hover, :root .aureo-pagination > button:hover { background: var(--pager-hover) !important; }
:root .pagination .page-item.active .page-link, :root .pagination [aria-current="page"] { background: var(--pager-active) !important; color: #fff !important; }
:root .aureo-pagination > span { background: var(--pager-active) !important; color: #fff !important; }
:root .pagination .disabled .page-link, :root .aureo-pagination > :disabled, :root .aureo-pagination > [aria-disabled="true"] {
    color: var(--pager-muted) !important; opacity: .65; pointer-events: none;
}
.pagination .page-link:focus-visible, .aureo-pagination > :focus-visible { outline: 2px solid var(--pager-text); outline-offset: -3px; box-shadow: none; }
.paginator-summary { color: var(--pager-muted); font-size: .9rem; text-align: center; }
.row-paginator { width: 100%; text-align: center; }
.pagination-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; width:100%; margin:1.5rem 0; }
.pagination-bar-size { display:flex; align-items:center; gap:.65rem; margin:0; white-space:nowrap; }
.pagination-bar-size .form-select { width:5.5rem; min-height:2.5rem; }
.pagination-bar .pagination { margin:0; flex-wrap:nowrap; }
.pagination-bar-count { justify-self:end; text-align:right; }
@media(max-width:1199.98px) {
    .pagination-bar { grid-template-columns:1fr 1fr; }
    .pagination-bar nav { grid-column:1 / -1; grid-row:2; justify-self:center; max-width:100%; }
    .pagination-bar-count { grid-column:2; grid-row:1; }
}
@media(max-width:575.98px) {
    .pagination-bar { display:flex; flex-direction:column; align-items:center; gap:.8rem; }
    .pagination-bar-count { text-align:center; }
    :root .pagination-bar .page-link { min-width:2rem; padding:.4rem .45rem; }
}