/* ==========================================================================
   RTP Auto – pagination (resources/views/vendor/main-pagination.blade.php)
   Shared by the search results and dealer profiles. Depends on site.css tokens.
   ========================================================================== */

.pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: clamp(2rem, 4vw, 3rem);
    padding-top: 1.5rem;
    border-top: 1px solid var(--c-line);
}
.pager__pages { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem; }

.pager__step,
.pager__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 44px;
    height: 44px;
    padding: 0 .75rem;
    border-radius: 999px;
    color: var(--c-text);
    font-family: var(--f-display);
    font-size: .9rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    transition: background-color .15s, color .15s;
}
.pager__step { border: 1.5px solid var(--c-line); background: var(--c-surface); padding: 0 1rem; }
.pager__step svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
a.pager__step:hover { border-color: var(--c-ink); background: var(--c-ink); color: #fff; }
.pager__step[aria-disabled="true"] { color: #a3b1c2; }
a.pager__page:hover { background: var(--c-line); color: var(--c-text); }
.pager__page[aria-current="page"] { background: var(--c-ink); color: #fff; }
.pager__gap { display: inline-flex; align-items: flex-end; height: 44px; padding: 0 .25rem .75rem; color: var(--c-muted); }

@media (max-width: 575.98px) {
    .pager__step { width: 44px; padding: 0; }
    .pager__label {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }
    .pager__pages { flex: 1; }
}