/* Archivi: paginazione degli elenchi lunghi, con lo stesso segno dei filtri per formato (.filtri in doliarium.css).
   Spazi e testo dalle variabili. Le misure che non hanno una variabile sono le stesse dei filtri:
   larghezza 54rem, bersaglio di 44px, filetto di 1px, ottone al 70%. */

.paginazione { max-width: 54rem; margin: var(--space-xl) auto 0; }
.paginazione ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); }
.paginazione li > .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: var(--space-2xs) var(--space-m);
  font-size: var(--t-small); color: var(--color-text); text-decoration: none;
}
.paginazione li > a.page-numbers { border: 1px solid color-mix(in oklab, var(--color-brass) 70%, transparent); transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease); }
.paginazione li > a.page-numbers:hover { border-color: var(--color-accent); color: var(--color-accent); }
.paginazione li > .current { background: var(--color-accent); color: var(--color-on-accent); border: 1px solid var(--color-accent); }
.paginazione li > .dots { min-width: auto; padding-inline: var(--space-2xs); color: var(--color-text-muted); }

@media (prefers-reduced-motion: reduce) {
  .paginazione li > a.page-numbers { transition: none; }
}