/* ============================================================
   FP3 · LEGIBILITY LAYER · v1.0 · build v9.37
   Caricato DOPO gli stili di pagina, su tutte le pagine.
   Scopo: 90% del pubblico è su smartphone — testo più leggibile,
   contrasto più alto, meno fatica visiva. Additivo: non tocca
   layout, solo colori, corpi e interlinea.
   ============================================================ */

/* --- contrasto base: i grigi "spenti" salgono di un gradino --- */
:root{
  --faint:#b6b1a6;
  --dim:#cfc9bd;
}

/* attribuzione mappe sempre leggibile ma discreta */
.leaflet-control-attribution{opacity:.85}

/* --- smartphone: corpi e barre più grandi, interlinea più ariosa --- */
@media (max-width:760px){

  body{font-size:18px;line-height:1.74;}

  /* nav globali */
  .fp3u{font-size:11px;padding:11px 16px;gap:16px;}
  .fp3u-l{gap:15px;}
  .fp3a{font-size:10px;padding:7px 14px;gap:13px;}

  /* mirror bilingue e note: mai sotto i 14.5px */
  .en,.it{font-size:14.5px !important;line-height:1.6 !important;}

  /* link: oro un gradino più luminoso su schermo piccolo · solo fondo scuro */
  html:not([data-fp3-surface="light"]) a{color:#d8b872;}
  .fp3u a{color:#b3aea3;}
  .fp3a a{color:#8fb7bf;}

  /* prosa · solo dove il fondo e' scuro (v9.73) */
  html:not([data-fp3-surface="light"]) p{color:#eae6dc;}

  /* tabelle registro: righe respirabili */
  td,th{line-height:1.55;}

  /* footer */
  footer{font-size:10.5px;line-height:1.9;color:#8f8a80;}
}

/* --- schermi molto stretti: un altro mezzo gradino --- */
@media (max-width:400px){
  body{font-size:18.5px;}
  .en,.it{font-size:15px !important;}
}

/* --- meno abbagli: niente bianco puro forzato --- */
b,strong{color:inherit;}

/* --- riduzione animazioni per chi la chiede al sistema --- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* ============================================================
   v9.73 · 2026-08-10 · tre correzioni di superficie
   1. la prosa non si colora al buio quando la pagina e' chiara
   2. i pulsanti flottanti non mangiano piu' l'ultima riga
   3. indice dossier spostato sopra il selettore di formato
   ============================================================ */

/* ── 1 · la regola di prosa vale solo sulle pagine scure ──────
   La riga p{color:#eae6dc} era scritta per il fondo nero. Sulle
   superfici chiare (edizione mensile su carta, schede paper in
   home) produceva avorio su bianco: testo presente, invisibile. */
@media (max-width:760px){
  /* scheda chiara annidata dentro una pagina scura: l'inchiostro resta scuro */
  .fp3-light-surface p,
  .fp3-light-surface li{color:#242424;}
  .fp3-light-surface a{color:inherit;}
}

/* ── 2 · fascia dei pulsanti flottanti ────────────────────────
   Quattro comandi fissi (formato · lente · mappa · lettura)
   occupano la banda bassa: il contenuto deve finire sopra. */
@media (max-width:760px){
  body{padding-bottom:104px;}
}
@media print{
  body{padding-bottom:0!important;}
}

/* ── 3 · indice dei dossier: sopra il selettore di formato ────
   Stavano entrambi a sinistra sul fondo pagina, sovrapposti. */
@media (max-width:760px){
  #fp3-toc{bottom:126px!important;}
}
