/* ==========================================================================
   Component: pagination  (partials/site/pagination.blade.php)
   --------------------------------------------------------------------------
   Round previous / next buttons around numbered pills; current page navy.
   ========================================================================== */

.pagination { display: flex; align-items: center; justify-content: center; gap: var(--s-2); margin-top: var(--s-7); }
.pagination__pages { display: flex; gap: var(--s-1); }
.pagination__page, .pagination__step, .pagination__gap {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    padding-inline: var(--s-2);
    border-radius: var(--r-pill);
    background: var(--card);
    color: var(--navy);
    font-family: var(--font-num);
    font-weight: 600;
    font-size: var(--fs-sm);
}
.pagination__gap { background: none; }
.pagination__page:hover, .pagination__step:hover { background: var(--paper); }
.pagination__page.is-current { background: var(--navy); color: #fff; }
.pagination__step.is-disabled { opacity: 0.4; }