/* ===========================================================================
   CLM · TIROMA — Paginação (partilhada)
   ---------------------------------------------------------------------------
   Terceiro ficheiro de estilo do projecto, e existe por uma razão concreta:
   o markup de paginação (resources/views/vendor/pagination/clm.blade.php) é
   um só e serve as duas metades do produto — as 10 listagens do backoffice
   e o blog público. Se os estilos vivessem em admin.css, o blog ficava sem
   eles; se vivessem em app.css, era o backoffice a ficar. Duplicar em ambos
   era plantar exactamente o tipo de divergência que este redesign veio matar.

   Antes disto, os dois lados usavam `pagination::tailwind` — o default do
   Laravel — e este projecto não serve Tailwind nenhum. A paginação saía sem
   estilo absolutamente nenhum, em toda a aplicação. Não se deu por isso
   porque nenhuma tabela de desenvolvimento passou dos 20 registos.

   Só usa tokens semânticos, portanto adapta-se sozinha a `.on-dark`.
   =========================================================================== */

.pager {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-5);
}

.pager-count { color: var(--text-muted); font-size: var(--fs-xs); }

.pager-list { display: flex; flex-wrap: wrap; gap: var(--sp-1); list-style: none; margin: 0; padding: 0; }

.pager-link {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.25rem; padding: var(--sp-1) var(--sp-2);
    border: 1px solid var(--border); border-radius: var(--r-sm);
    background: var(--surface); color: var(--text-strong);
    font-size: var(--fs-sm); font-weight: 600; text-decoration: none;
    /* Algarismos de largura fixa: sem isto, os números saltam de posição de
       página para página conforme a largura dos dígitos. */
    font-variant-numeric: tabular-nums;
    transition: border-color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);
}

a.pager-link:hover { border-color: var(--accent); }

.pager-link.is-current {
    background: var(--navy-900); border-color: var(--navy-900);
    color: var(--accent-contrast);
}

/* `--neutral-text` e não `--text-muted`: este por cima de `--neutral-bg` dá
   4.29, abaixo dos 4.5 da AA. A WCAG isenta controlos inactivos, mas a seta
   continua a dizer ao leitor onde está no conjunto — e o tom mais escuro custa
   zero. É a mesma correcção que o `.pill-off` levou na Fase A. */
.pager-link.is-off { color: var(--neutral-text); background: var(--neutral-bg); cursor: not-allowed; }

.pager-gap { display: inline-flex; align-items: center; padding: var(--sp-1); color: var(--text-muted); }

@media (prefers-reduced-motion: reduce) {
    .pager-link { transition: none; }
}