/* ==========================================================================
   Centro Anna Rita Buonincontro — Documento sfogliabile
   --------------------------------------------------------------------------
   Stili del libro creato da assets/js/flipbook.js su ogni [data-book]:
   pagina del PDF + barra strumenti (proporzioni del design della Carta dei
   Servizi: barra 780×76 su 984). Usato da Chi siamo (Carta dei Servizi) e
   dalle pagine di un documento (.doc-page: liste d'attesa, Comunicazioni con
   l'utenza). Si carica dopo il CSS della pagina.
   ========================================================================== */
.flipbook { position: relative; outline-offset: 6px; }
.flipbook__stage { width: 100%; margin-inline: auto; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .45); }
.flipbook__flip { width: 100%; }
.flipbook__page { background: var(--white); overflow: hidden; }
.flipbook__page canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .3s; -webkit-user-drag: none; user-select: none; }
.flipbook__page.is-drawn canvas { opacity: 1; }
.flipbook__bar {
  display: flex; align-items: center; justify-content: center; gap: clamp(6px, 2.4vw, 22px);
  width: min(604px, 100%); min-height: 59px; margin: 17px auto 0; padding: 6px 12px;
  background: var(--white); color: var(--gray-600);
}
.flipbook__btn {
  display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%;
  color: inherit; transition: color .25s, background-color .25s, opacity .25s;
}
.flipbook__btn:hover, .flipbook__btn:focus-visible { color: var(--teal-deep); background: var(--mist); }
.flipbook__btn:disabled { opacity: .3; pointer-events: none; }
.flipbook__count { display: flex; gap: 2px; font-family: var(--ff-head); font-size: 20px; line-height: 1; color: var(--ink); }
.flipbook__count span { min-width: 64px; padding: 9px 12px; background: #efefef; text-align: center; white-space: nowrap; }
/* Schermo intero: libro centrato, barra in basso */
.flipbook.is-full {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 100%; height: 100%; padding: 24px; background: var(--slate);
}
.flipbook.is-full .flipbook__bar { flex: none; margin-top: 24px; }

/* Pagina di un documento (template-parts/shared/document-page.php): link di ritorno
   all'elenco + documento sfogliabile, sotto l'Hero */
.doc-page { padding: 96px 0 119px; background: var(--mist); text-align: center; }
.doc-page__back {
  display: flex; align-items: center; gap: 10px; width: fit-content; margin-bottom: 44px;
  font-family: var(--ff-head); font-weight: 600; font-size: 18px; line-height: 28px; color: var(--teal-deep);
  transition: color .3s var(--ease);
}
.doc-page__back span { display: inline-block; rotate: 180deg; transition: translate .35s var(--ease); }
.doc-page__back:hover, .doc-page__back:focus-visible { color: var(--teal); }
.doc-page__back:hover span { translate: -5px 0; }
.doc-page .flipbook__bar { box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .4); }
.doc-page .split__text { max-width: 760px; margin-inline: auto; }

@media (max-width: 767.98px) {
  .doc-page { padding: 56px 0 72px; }
  .doc-page__back { margin-bottom: 28px; font-size: 16px; }
  .flipbook__bar { min-height: 52px; margin-top: 12px; padding-inline: 6px; }
  .flipbook__count { font-size: 17px; }
  .flipbook__count span { min-width: 50px; padding-inline: 8px; }
}

/* I documenti si sfogliano ma non si stampano né si scaricano (inc/documents.php) */
@media print {
  .flipbook__stage, .flipbook__bar { display: none; }
}