/* Design Scuole Italia — child "Formigine 2" · f2-pdf.css
 * Visore del documento PDF in pagina (render PDF.js su canvas). Stile canonico DSI: bianco,
 * hairline e accento presi dal COLORE DELLA SEZIONE (`--f2-acc*`, definite in custom.css su
 * #main-container): verde in Novita', rosso nei documenti, viola nei servizi. Raggio 4px.
 */
.f2pdfdoc {
  margin: .6rem 0 1.6rem;
  border: 1px solid var(--f2-acc-bordo, #d9dadb);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
/* La testata e' il comando della tendina (<summary>): cliccabile per tutta la sua larghezza,
   raggiungibile da tastiera senza codice nostro. Il triangolino nativo si nasconde perche' a
   destra c'e' un'etichetta esplicita "Chiudi/Apri" con la freccia, che si capisce di piu'. */
.f2pdfdoc-bar {
  display: flex;
  align-items: center;
  gap: .5rem 1rem;
  flex-wrap: wrap;
  padding: .6rem .9rem;
  border-bottom: 1px solid var(--f2-acc-bordo, #e8eaed);
  background: var(--f2-acc-tenue, #f7f9fb);
  cursor: pointer;
  list-style: none;
}
.f2pdfdoc-bar::-webkit-details-marker { display: none; }
.f2pdfdoc-bar::marker { content: ''; }
.f2pdfdoc-bar:hover { background: var(--f2-acc-bordo, #eef2f6); }
.f2pdfdoc-bar:focus-visible { outline: 2px solid var(--f2-acc, #d8333a); outline-offset: -2px; }
.f2pdfdoc-title { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; font-size: .92rem; color: #19191a; min-width: 0; }
.f2pdfdoc-ic { width: 18px; height: 18px; fill: var(--f2-acc, #d8333a); flex: 0 0 auto; }
/* Con piu' allegati la barra porta il NOME del file: va a capo invece di sparire troncato,
   perche' e' l'unica cosa che distingue una tendina dall'altra. */
.f2pdfdoc-nome { min-width: 0; overflow-wrap: anywhere; }
/* Tendine consecutive (un file ciascuna): stacco breve, cosi' si leggono come un elenco
   e non come blocchi slegati. Fra l'ultima e le schede degli allegati resta l'aria piena. */
.f2pdfdoc:has(+ .f2pdfdoc) { margin-bottom: .5rem; }
.f2pdfdoc-count { font-size: .82rem; color: #5c6f82; }
.f2pdfdoc-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  font-size: .82rem;
  font-weight: 600;
  color: var(--f2-acc-scuro, #af2127);
  white-space: nowrap;
}
.f2pdfdoc-toggle svg { width: 18px; height: 18px; fill: currentColor; transition: transform .18s ease-in-out; }
.f2pdfdoc[open] .f2pdfdoc-toggle svg { transform: rotate(180deg); }
/* Piede: i comandi stanno SOTTO l'anteprima. "Scarica il PDF" e' l'azione piena (per molti
   genitori e' quella vera), "Apri a schermo intero" resta un collegamento secondario. */
.f2pdfdoc-foot {
  display: flex;
  align-items: center;
  gap: .6rem 1rem;
  flex-wrap: wrap;
  padding: .7rem .9rem;
  border-top: 1px solid var(--f2-acc-bordo, #e8eaed);
  background: #fff;
}
.f2pdfdoc-foot .f2pdfdoc-dl { margin-left: auto; }
@media (max-width: 575.98px) {
  .f2pdfdoc-foot { padding: .7rem; }
  .f2pdfdoc-foot .f2pdfdoc-dl { margin-left: 0; width: 100%; text-align: center; }
}
.f2pdfdoc-open { font-size: .84rem; font-weight: 600; color: var(--f2-acc-scuro, #af2127); text-decoration: none !important; white-space: nowrap; }
.f2pdfdoc-open:hover, .f2pdfdoc-open:focus-visible { text-decoration: underline !important; outline: 0; }
.f2pdfdoc-dl {
  font-size: .84rem;
  font-weight: 700;
  color: #fff;
  background: var(--f2-acc, #d8333a);
  border-radius: 4px;
  padding: .42rem .85rem;
  text-decoration: none !important;
  white-space: nowrap;
  /* transform: ritorno morbido del movimento magnetico (reveal.js), uguale ai .btn */
  transition: transform .22s var(--f2-ease), background-color .15s ease-in-out;
}
.f2pdfdoc-dl:hover, .f2pdfdoc-dl:focus-visible { background: var(--f2-acc-scuro, #af2127); outline: 0; }
.f2pdfdoc-dl:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--f2-acc, #d8333a); }
.f2pdfdoc-pages {
  height: min(80vh, 820px);
  overflow-y: auto;
  background: #eceff2;
  padding: 1rem;
  -webkit-overflow-scrolling: touch;
}
.f2pdfdoc-pages:focus-visible { outline: 2px solid var(--f2-acc, #d8333a); outline-offset: -2px; }
.f2pdfdoc-page {
  margin: 0 auto 1rem;
  max-width: 900px;
  background: #fff;
  box-shadow: 0 1px 6px rgba(8, 10, 26, .14);
}
.f2pdfdoc-page:last-child { margin-bottom: 0; }
.f2pdfdoc-page canvas { display: block; width: 100%; height: auto; }
.f2pdfdoc-note { padding: 1.5rem; text-align: center; color: #5c6f82; margin: 0; }
.f2pdfdoc-note a { color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
.f2pdfdoc-fail .f2pdfdoc-pages { height: auto; background: #fff; }
/* stato di caricamento: mai un riquadro vuoto (che sembra "rotto") */
.f2pdfdoc.is-init .f2pdfdoc-pages::before { content: 'Caricamento del documento…'; display: block; padding: 2rem; text-align: center; color: #5c6f82; font-style: italic; }
.f2pdfdoc-page.is-loading { display: flex; align-items: center; justify-content: center; }
.f2pdfdoc-loading { color: #5c6f82; font-size: .85rem; font-style: italic; }
.f2pdfdoc-pagefail { display: inline-block; padding: 2rem; color: var(--f2-acc-scuro, #af2127); font-weight: 600; }
@media (max-width: 767.98px) { .f2pdfdoc-pages { height: 70vh; padding: .6rem; } }

/* "Ascolta" il documento: legge il testo estratto dal PDF, pagina per pagina. */
.f2pdfdoc-listen {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-family: inherit;
  font-size: .84rem;
  font-weight: 600;
  color: var(--f2-acc-scuro, #af2127);
  background: transparent;
  border: 1px solid var(--f2-acc, #d8333a);
  border-radius: 4px;
  padding: .38rem .7rem;
  line-height: 1;
  cursor: pointer;
  /* transform: ritorno morbido del movimento magnetico (reveal.js), uguale ai .btn */
  transition: transform .22s var(--f2-ease), background-color .15s ease-in-out, color .15s ease-in-out;
}
.f2pdfdoc-listen svg { width: 15px; height: 15px; fill: currentColor; flex: 0 0 auto; }
.f2pdfdoc-listen:hover, .f2pdfdoc-listen:focus-visible { background: var(--f2-acc, #d8333a); color: #fff; outline: 0; }
.f2pdfdoc-listen:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--f2-acc, #d8333a); }
.f2pdfdoc-listen.is-on { background: var(--f2-acc, #d8333a); color: #fff; }
/* Su mobile il testo NON si nasconde: nascondendolo il pulsante restava senza nome
   accessibile (l'icona e' aria-hidden), proprio per i genitori che navigano da telefono. */
@media (max-width: 575.98px) { .f2pdfdoc-listen { padding: .38rem .6rem; font-size: .8rem; } }

/* ============================================================
   SCHEDE DEGLI ALLEGATI ATTACCATE ALL'ANTEPRIMA
   Le schede del tema ("NOME FILE / PDF · 329 kB") stavano staccate sotto, e a
   quel punto sembravano un secondo elenco di cose da fare, quando invece sono
   lo stesso file dell'anteprima appena sopra: nell'anteprima c'e' gia' il
   pulsante per scaricarlo. Qui si attaccano al blocco precedente, in modo che
   si leggano come il PIEDE dell'anteprima e non come una sezione nuova.
   Verificato sul sito il 25/07/2026: tutti e 246 gli allegati pubblicati sono
   PDF, quindi ogni scheda ha la sua anteprima sopra; non esistono allegati
   Word o Excel che resterebbero senza.
   ============================================================ */
.f2pdfdoc:has(+ .card-deck) { margin-bottom: 0; }
.f2pdfdoc + .card-deck {
  margin-top: 0;
  padding-top: .9rem;
}
.f2pdfdoc + .card-deck .card.card-icon {
  border: 1px solid var(--f2-acc-bordo, #e8eaed);
  box-shadow: none;
}