/* ==========================================================================
   CISL SIENA — CSS PAGINA: ARCHIVIO NOTIZIE
   File: wp-content/mu-plugins/cisl-siena/pages/news-archivio/style.css
   Dipende da cisl-global, cisl-layout, cisl-cards.
   ========================================================================== */

/* Filtri per tipologia */
.cisl-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cisl-sp-2);
  margin-top: var(--cisl-sp-6);
}
.cisl-filters__item {
  display: inline-flex;
  align-items: center;
  gap: var(--cisl-sp-2);
  padding: 10px 18px;
  border: 1px solid var(--cisl-line);
  border-radius: var(--cisl-r-pill);
  background: var(--cisl-white);
  color: var(--cisl-ink-2);
  font-size: var(--cisl-fs-sm);
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s var(--cisl-ease), color 0.2s var(--cisl-ease), border-color 0.2s var(--cisl-ease);
}
.cisl-filters__item:hover { border-color: var(--cisl-green); color: var(--cisl-green); }
.cisl-filters__item[aria-current="page"] {
  background: var(--cisl-green);
  border-color: var(--cisl-green);
  color: var(--cisl-white);
}
.cisl-filters__item:focus-visible { outline: 3px solid var(--cisl-red); outline-offset: 2px; }
.cisl-filters__count {
  min-width: 22px;
  padding: 2px 7px;
  border-radius: var(--cisl-r-pill);
  background: var(--cisl-bg);
  color: var(--cisl-muted);
  font-size: 0.72rem;
  text-align: center;
}
.cisl-filters__item[aria-current="page"] .cisl-filters__count { background: rgba(255, 255, 255, 0.2); color: var(--cisl-white); }

/* Elenco */
.cisl-newsarc__list {
  background: var(--cisl-white);
  padding-block: clamp(40px, 6vw, 80px) clamp(56px, 8vw, 112px);
}

/* Paginazione (markup di paginate_links 'list') */
.cisl-pagination { margin-top: clamp(32px, 5vw, 56px); }
.cisl-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--cisl-sp-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.cisl-pagination a,
.cisl-pagination span.page-numbers {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding-inline: 12px;
  border: 1px solid var(--cisl-line);
  border-radius: var(--cisl-r-pill);
  color: var(--cisl-ink);
  font-weight: 700;
  text-decoration: none;
}
.cisl-pagination a:hover { border-color: var(--cisl-green); color: var(--cisl-green); }
.cisl-pagination .current { background: var(--cisl-green); border-color: var(--cisl-green); color: var(--cisl-white); }
.cisl-pagination .dots { border: 0; }