/* ==========================================================================
   CISL SIENA — CSS PAGINA: PERCORSO SERVIZI (supporto lavoratori / servizi sociali)
   File: wp-content/mu-plugins/cisl-siena/pages/servizi-percorso/style.css
   Dipende da cisl-global, cisl-layout, cisl-pages.
   ========================================================================== */

/* Testata colorata come la card della home da cui si arriva */
.cisl-percorso .cisl-pagehead { color: var(--cisl-white); }
.cisl-percorso--green .cisl-pagehead { background: var(--cisl-green); }
.cisl-percorso--red .cisl-pagehead { background: var(--cisl-red); }
.cisl-percorso .cisl-pagehead .cisl-eyebrow { color: var(--cisl-white); }
.cisl-percorso .cisl-pagehead .cisl-eyebrow::before { background: var(--cisl-white); }
.cisl-percorso .cisl-pagehead .cisl-lead { color: rgba(255, 255, 255, 0.9); }
.cisl-percorso .cisl-crumbs ol,
.cisl-percorso .cisl-crumbs a { color: rgba(255, 255, 255, 0.85); }
.cisl-percorso .cisl-crumbs li + li::before { color: rgba(255, 255, 255, 0.5); }

.cisl-percorso__feds {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--cisl-sp-3);
  margin-top: clamp(40px, 5vw, 64px);
  padding: clamp(24px, 3vw, 40px);
  border: 1px solid var(--cisl-line);
  border-radius: var(--cisl-r-lg);
  background: var(--cisl-bg);
}
.cisl-percorso__feds p { margin: 0; color: var(--cisl-ink-2); max-width: 60ch; }
.cisl-percorso__feds .cisl-chips { margin-bottom: var(--cisl-sp-3); }