/* =========================================================================
   SEZIONE — Paginazione
   ========================================================================= */

.ex-pagination {
    margin-top: var(--ex-space-2xl);
}

.ex-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.ex-pagination__item a,
.ex-pagination__item span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 44px;
    height: 44px;
    padding-inline: 0.85rem;
    justify-content: center;
    border: 1px solid var(--ex-border-hairline);
    border-radius: var(--ex-radius);
    font-family: var(--ex-font-label);
    font-size: var(--ex-fs-sm);
    color: var(--ex-text-muted);
    transition: border-color var(--ex-t-fast) var(--ex-ease), color var(--ex-t-fast) var(--ex-ease);
}

.ex-pagination__item a:hover {
    color: var(--ex-gold);
    border-color: var(--ex-border-strong);
}

.ex-pagination__item .current {
    background: var(--ex-glass);
    border-color: var(--ex-border-strong);
    color: var(--ex-cream);
    font-weight: 700;
}

.ex-pagination__item .dots {
    border-color: transparent;
}

/* La freccia "precedente" e' la stessa icona ruotata */
.ex-pagination__prev-icon {
    transform: rotate(180deg);
}

/* --- Caricamento progressivo -------------------------------------------- */

.ex-archive__more {
    display: flex;
    justify-content: center;
    margin-top: var(--ex-space-2xl);
}

.ex-archive__end {
    text-align: center;
    color: var(--ex-text-dim);
}