/* ════════ archive-servizi.css — CPT Servizi archive ════════ */

.servizi-hero { padding: 64px 0 56px; background: var(--bg-soft); border-bottom: 1px solid var(--border); }
.servizi-hero h1 { margin-bottom: 14px; }

/* Quick nav servizi */
.servizi-quick-nav { padding: 16px 0; background: white; border-bottom: 1px solid var(--border); position: sticky; top: 64px; z-index: 100; }

/* Grid */
.servizi-archive { padding: var(--section-py) 0; }
.servizi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

/* Servizio parent highlight */
.servizi-parent-section { margin-bottom: 56px; }
.servizi-parent-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--teal);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
}

/* Sub-servizi compact list */
.sub-servizi-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px; }
.sub-servizi-item {
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  text-decoration: none;
  color: var(--ink-mid);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all .2s;
}
.sub-servizi-item:hover { background: var(--bg-teal); border-color: var(--teal-pale); color: var(--teal-d); }
.sub-servizi-item svg { color: var(--teal); flex-shrink: 0; }

@media (max-width: 991px) { .servizi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .servizi-grid { grid-template-columns: 1fr; }
  .sub-servizi-list { grid-template-columns: 1fr; }
}