/** Shared pagination atom for archives and AJAX catalog surfaces. */
.uff-pagination{display:flex;justify-content:center;width:100%;margin:32px 0 0;color:var(--uff-color-text,#253e66)}
.uff-pagination__list{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:4px;border:1px solid var(--uff-color-border);border-radius:var(--uff-radius-full);background:var(--uff-color-surface);box-shadow:var(--uff-shadow-sm)}
.uff-pagination__link-wrap{display:inline-flex}
.uff-pagination__link,.uff-pagination__link-wrap>a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--uff-color-text,#253e66);font:700 13px/1 var(--uff-font-body,Arial,sans-serif);text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.uff-pagination__link-wrap>a:hover,.uff-pagination__link:hover,.uff-pagination__link:focus-visible{background:var(--uff-color-secondary,#f1f4f8);color:var(--uff-color-primary,#253e66);outline:0}
.uff-pagination__link-wrap .current,.uff-pagination__link.is-current{background:var(--uff-color-primary);color:var(--uff-color-on-primary);box-shadow:var(--uff-shadow-sm)}
.uff-pagination__link-wrap .prev,.uff-pagination__link-wrap .next{font-size:0}.uff-pagination__link-wrap .prev::after,.uff-pagination__link-wrap .next::after{font-size:20px;line-height:1}.uff-pagination__link-wrap .prev::after{content:'‹'}.uff-pagination__link-wrap .next::after{content:'›'}
.uff-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;color:var(--uff-color-text-light,#64748b);font-weight:700}
.uff-pagination [aria-current="page"]{cursor:default}
@media(max-width:480px){.uff-pagination__list{gap:2px}.uff-pagination__link,.uff-pagination__link-wrap>a{min-width:32px;padding-inline:8px}}

/* 2.7.15 hard boundary: themes cannot turn pagination into large CTA buttons. */
.uff-app .uff-pagination{display:flex!important;justify-content:center!important;width:100%!important;margin:26px 0 0!important}
.uff-app .uff-pagination__list{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:auto!important;min-width:0!important;min-height:var(--uff-control-height)!important;margin:0!important;padding:var(--uff-control-padding)!important;border:var(--uff-control-border)!important;border-radius:var(--uff-radius-full)!important;background:var(--uff-color-surface)!important;box-shadow:var(--uff-shadow-xs)!important}
.uff-app .uff-pagination__link,.uff-app .uff-pagination__link-wrap>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--uff-color-text-light,#64748b)!important;font-family:var(--uff-font-body,Arial,sans-serif)!important;font-size:11.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important;transform:none!important}
.uff-app .uff-pagination__link:hover,.uff-app .uff-pagination__link:focus-visible,.uff-app .uff-pagination__link-wrap>a:hover,.uff-app .uff-pagination__link-wrap>a:focus-visible{background:#f1f4f7!important;color:var(--uff-color-primary,#253e66)!important;outline:0!important}
.uff-app .uff-pagination__link.is-current,.uff-app .uff-pagination__link-wrap .current{background:var(--uff-color-primary)!important;color:var(--uff-color-on-primary)!important;box-shadow:none!important}
