/* CDS Sync — Archivio (Trasparenza) front-end renderer.
   Year-tab layout: a row of year buttons, the selected year's documents below.
   Self-contained so it looks consistent inside any theme / Elementor page. */

.cds-archivio {
  --cds-blue: #02A3E0;
  --cds-ink: #1f2733;
  --cds-line: #e6e9ef;
  --cds-tab: #9aa3af;
  --cds-tab-active: #ffffff;
  font-family: inherit;
  color: var(--cds-ink);
}

.cds-archivio--empty {
  padding: 24px;
  text-align: center;
  color: #6b7280;
}

/* ---- Category section ---- */
.cds-arch-cat { margin: 0 0 34px; }
.cds-arch-cat:last-child { margin-bottom: 0; }

.cds-arch-cat__title {
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase;
  color: var(--cds-blue);
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--cds-blue);
}

/* ---- Year tabs ---- */
.cds-arch-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border: 1px solid var(--cds-line);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 18px;
}

.cds-arch-tab {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  border-right: 1px solid var(--cds-line);
  background: transparent;
  color: var(--cds-tab);
  font-family: inherit;
  font-size: clamp(20px, 2.4vw, 30px);
  font-weight: 400;
  line-height: 1.1;
  padding: 14px 26px;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.cds-arch-tab:hover { background: #f6f8fb; color: var(--cds-ink); }
.cds-arch-tab.is-active {
  background: var(--cds-blue);
  color: var(--cds-tab-active);
}
.cds-arch-tab:focus-visible { outline: 2px solid var(--cds-blue); outline-offset: -2px; }

/* ---- Year panels + document list ---- */
.cds-arch-panel { display: none; }
.cds-arch-panel.is-active { display: block; }

.cds-arch-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cds-arch-item { margin: 0; }

.cds-arch-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 11px 2px;
  text-decoration: none;
  color: var(--cds-ink);
  font-weight: 600;
  font-size: clamp(15px, 1.5vw, 19px);
  line-height: 1.4;
}
.cds-arch-ico { flex: none; display: inline-flex; }
.cds-arch-ico svg { display: block; width: 38px; height: auto; }
.cds-arch-txt {
  flex: 1 1 auto;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cds-arch-link:hover .cds-arch-txt { color: var(--cds-blue); }

@media (max-width: 600px) {
  .cds-arch-tab { font-size: 20px; padding: 11px 16px; }
  .cds-arch-link { font-size: 15px; gap: 12px; }
  .cds-arch-ico svg { width: 32px; }
}