/* I Falciani: sezione espandibile accessibile, senza JavaScript. */
.falciani-espandi { margin: 1.2em 0; }
.falciani-espandi > summary { display: table; list-style: none; cursor: pointer; padding: .55em 1.1em; border: 1px solid currentColor; border-radius: 4px; font: inherit; font-weight: 600; line-height: 1.5; }
.falciani-espandi > summary::-webkit-details-marker { display: none; }
.falciani-espandi > summary:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.falciani-espandi-chiudi, .falciani-espandi[open] .falciani-espandi-apri { display: none; }
.falciani-espandi[open] .falciani-espandi-chiudi { display: inline; }
.falciani-espandi-chevron { display: inline-block; width: .45em; height: .45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: 0 0 .18em .7em; }
.falciani-espandi[open] .falciani-espandi-chevron { transform: rotate(225deg); margin-bottom: -.1em; }
.falciani-espandi-contenuto { padding-top: 1em; }
.falciani-espandi-contenuto > :first-child { margin-top: 0; }
@media (prefers-reduced-motion: reduce) { .falciani-espandi * { scroll-behavior: auto; } }

/* Microinterazioni morbide del pulsante, senza alterare il layout. */
.falciani-espandi > summary { transition: background-color .25s ease, border-color .25s ease; }
.falciani-espandi-chevron { transition: transform .3s cubic-bezier(.22,1,.36,1); }
@media (prefers-reduced-motion: reduce) {
  .falciani-espandi > summary, .falciani-espandi-chevron { transition: none; }
}

/* Colori personalizzabili, limitati al pulsante. */
.falciani-espandi > summary {
  background-color: var(--falciani-accordion-bg, #fff) !important;
  color: var(--falciani-accordion-text, #333) !important;
  border-color: currentColor;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.falciani-espandi > summary:hover, .falciani-espandi > summary:focus-visible {
  background-color: var(--falciani-accordion-bg-hover, #eee) !important;
  color: var(--falciani-accordion-text-hover, #111) !important;
}
/* Il tema usa #box2 > h2/h3: replicare esattamente lo stile per i titoli annidati. */
#box2 > .falciani-espandi > .falciani-espandi-contenuto h2,
#box2 > .falciani-espandi > .falciani-espandi-contenuto h3 {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  text-transform: uppercase;
  color: rgba(255,255,255,1) !important;
  font-size: 2vw;
  padding: 20px 0 0 0;
}
@media (max-width: 767px) {
  #box2 > .falciani-espandi > .falciani-espandi-contenuto h2,
  #box2 > .falciani-espandi > .falciani-espandi-contenuto h3 { font-size: 1.5em; }
}

/* v4: replica delle regole del tema per i figli diretti di #box2.
   Non ridefiniamo font o colori generali: il contenuto eredita il CSS originale. */
#box2 > .falciani-espandi > .falciani-espandi-contenuto > ul {
  margin: 10px;
}
#box2 > .falciani-espandi > .falciani-espandi-contenuto > ul > li {
  font-size: 1.2em;
  color: #fff9e8 !important;
  text-align: left;
  line-height: 1.7em;
  margin: 10px;
  list-style: disc;
  list-style-position: outside;
}
/* Gli stili tipografici per H2/H3 sono già ereditati o replicati sopra.
   I paragrafi, link, grassetti, elenchi annidati mantengono le regole globali. */
.falciani-espandi > .falciani-espandi-fondo {
  display: none;
  margin: 1.2em auto .2em;
  padding: .55em 1.1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: var(--falciani-accordion-bg, #fff) !important;
  color: var(--falciani-accordion-text, #333) !important;
  font: inherit;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.falciani-espandi[open] > .falciani-espandi-fondo { display: table; }
.falciani-espandi > .falciani-espandi-fondo:hover,
.falciani-espandi > .falciani-espandi-fondo:focus-visible {
  background-color: var(--falciani-accordion-bg-hover, #eee) !important;
  color: var(--falciani-accordion-text-hover, #111) !important;
}
.falciani-espandi > .falciani-espandi-fondo:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.falciani-espandi-fondo .falciani-espandi-chevron { transform: rotate(225deg); margin-bottom: -.1em; }
@media (prefers-reduced-motion: reduce) { .falciani-espandi > .falciani-espandi-fondo { transition: none; } }

/* v5: pulsanti senza bordo, inclusi eventuali stili del tema. */
.falciani-espandi > summary,
.falciani-espandi > .falciani-espandi-fondo,
.falciani-espandi > summary:hover,
.falciani-espandi > .falciani-espandi-fondo:hover,
.falciani-espandi > summary:focus-visible,
.falciani-espandi > .falciani-espandi-fondo:focus-visible {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  box-shadow: none !important;
}