/* Home · Domande frequenti (components/home/domande.inc.php) */

.domande { border-top: 1.5px solid var(--blu); }
.domande details { border-bottom: 1px solid var(--filo-carta); }
.domande summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; gap: 2rem; align-items: center;
  padding: 1.4rem 0;
  font-size: clamp(1.125rem, 1rem + .5vw, 1.375rem); font-weight: 750; font-stretch: 108%; line-height: 1.3;
}
.domande summary::-webkit-details-marker { display: none; }
.domande summary i { flex: none; position: relative; width: 1.25rem; height: 1.25rem; }
.domande summary i::before, .domande summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform .45s var(--esce); }
.domande summary i::after { transform: rotate(90deg); }
.domande details[open] summary i::after { transform: rotate(0); }
.domande summary:hover { color: #0d3576; }
.domande .risposta { padding: 0 0 1.75rem; max-width: 68ch; color: var(--su-carta-2); }
.domande__griglia { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 5vw, 5rem); }
.domande__griglia .titolo { margin-bottom: 1.25rem; }
@media (max-width: 860px) { .domande__griglia { grid-template-columns: 1fr; } }

/* Domande frequenti a schede: un argomento alla volta */
.schede { display: flex; gap: 0 1.75rem; overflow-x: auto; scrollbar-width: none; margin-bottom: 1.25rem; }
.schede::-webkit-scrollbar { display: none; }
.schede button {
  flex: none; position: relative; background: none; border: 0; cursor: pointer;
  padding: .55rem 0 .7rem; font-weight: 700; font-stretch: 108%; font-size: 1rem; color: var(--su-carta-2);
  transition: color .3s var(--esce);
}
.schede button span { font-size: .75rem; font-weight: 650; margin-left: .2rem; color: var(--su-carta-2); font-variant-numeric: tabular-nums; }
.schede button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--blu); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--esce); }
.schede button:hover, .schede button[aria-selected="true"] { color: var(--su-carta); }
.schede button[aria-selected="true"]::after { transform: scaleX(1); }
html:not(.js) .schede { display: none; }
.js .pannello:not(.attivo) { display: none; }
.js .pannello.attivo { animation: scheda .5s var(--esce); }
@keyframes scheda { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .js .pannello.attivo { animation: none; } }
@media (max-width: 480px) { .schede { flex-wrap: wrap; gap: 0 1.25rem; overflow: visible; } }