/* ===========================================================================
   [514] CONSULTARE LA BIBBIA — l'aspetto della casa comune
   (public/vh-consulta.js): il riquadro negli Strumenti della Bibbia, il posto
   dei cartellini sopra il capitolo, la nota «in rilettura» e i tasti del
   pastore. Ogni strumento ha poi il suo foglio di stile (vh-argomenti.css,
   vh-vangeli.css, vh-linea-tempo.css), caricato solo quando serve.
   Colori solo dalle variabili del sito (valgono sul nero, sulla Vista Carta e
   con la luce calda); ogni tasto alto almeno 44 px. Un <link> nella Home: il
   riquadro e i cartellini devono essere vestiti dal primo disegno.
   =========================================================================== */

/* ---- il riquadro «Consultare la Bibbia» (come «Due Bibbie affiancate») ---- */
.vh-consulta-strumenti{margin:0 0 16px;padding:12px 14px;box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:var(--r-2);
  background:var(--card);color:var(--text);line-height:1.45;text-align:left}
.vh-consulta-tit{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1rem;font-weight:800;line-height:1.3}
.vh-consulta-tit .vh-ic{flex:none;width:1.15em;height:1.15em}
.vh-consulta-voci{display:grid;gap:8px}
.vh-consulta-voce{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:8px 12px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:var(--r-1);background:var(--card2);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.vh-consulta-voce:hover{border-color:var(--text)}
.vh-consulta-voce:focus-visible{outline:3px solid var(--accent2-testo);outline-offset:2px}
.vh-consulta-voce > .vh-ic{flex:none;width:1.2em;height:1.2em}
.vh-consulta-voce-testo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.vh-consulta-voce-testo b{font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.vh-consulta-voce-testo small{font-size:.85rem;color:var(--dim);line-height:1.35;overflow-wrap:anywhere}
.vh-consulta-voce-testo .vh-consulta-voce-conto{color:var(--accent2-testo);font-weight:700}
.vh-consulta-voce-testo small[hidden]{display:none}
.vh-consulta-voce .vh-consulta-voce-va{flex:none;width:1.05em;height:1.05em;color:var(--dim)}
/* sempre una sotto l'altra: il riquadro sta nel foglio degli Strumenti, che
   anche sul PC e' stretto (in tre colonne le parole si spezzavano a meta') */

/* ---- il posto dei cartellini, subito prima del capitolo ---- */
.vh-consulta-sopra{min-width:0}
.vh-consulta-posto:empty{display:none}

/* ---- «in rilettura»: una parola grigia e piccola, mai un riquadro ---- */
.vh-consulta-inril{display:inline-block;margin-left:.4em;padding:0 .45em;border:1px solid var(--line);border-radius:var(--r-tondo, 999px);
  font-size:.75rem;font-weight:600;font-style:normal;line-height:1.5;color:var(--dim);white-space:nowrap;vertical-align:.08em;letter-spacing:0;text-transform:none}

/* ---- la riga in cima agli elenchi ---- */
.vh-consulta-testata{margin:8px 0;font-size:.875rem;line-height:1.45;color:var(--dim)}
.vh-consulta-testata p{display:flex;align-items:flex-start;gap:6px;margin:0}
.vh-consulta-testata p .vh-ic{flex:none;width:1.05em;height:1.05em;margin-top:.15em}
.vh-consulta-testata-pastore{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border:1px solid var(--line);
  border-radius:var(--r-1);background:var(--card);color:var(--text)}
.vh-consulta-testata-pastore p{display:block;flex:1 1 220px}
.vh-consulta-testata-pastore b{margin-right:6px}

/* [514] i filtri «Tutti / Da rileggere / Da correggere» e «Copia le correzioni» */
.vh-consulta-filtri{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px}
.vh-consulta-filtro{min-height:44px;margin:0;padding:4px 12px;border:1px solid var(--line);border-radius:var(--r-tondo, 999px);background:var(--card2);
  color:var(--text);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;flex-shrink:0}
.vh-consulta-filtro span{font-weight:600;color:var(--dim)}
.vh-consulta-filtro[aria-pressed="true"]{background:var(--accent-fondo);border-color:var(--accent-fondo);color:#fff}
.vh-consulta-filtro[aria-pressed="true"] span{color:#fff}
.vh-consulta-filtro:focus-visible{outline:3px solid var(--accent2-testo);outline-offset:2px}
@media (max-width:420px){
  .vh-consulta-filtri{flex-wrap:nowrap;gap:4px}
  .vh-consulta-filtro{flex:1 1 auto;padding:4px 6px;font-size:.8rem;line-height:1.15}
}
.vh-consulta-testata-pastore .vh-consulta-tasto{flex:0 1 auto}

/* ---- lo stato di una voce, per il pastore, negli elenchi ---- */
.vh-consulta-stato{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;line-height:1.3;white-space:nowrap}
.vh-consulta-stato .vh-ic{width:1em;height:1em}
.vh-consulta-stato-da{color:var(--dim)}
.vh-consulta-stato-ok{color:var(--ok-testo)}
.vh-consulta-stato-correggi{color:var(--errore-testo)}
/* la nota di chi ha scritto «Da correggere», sotto lo stato (al massimo tre righe) */
.vh-consulta-nota-riga{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:2px;
  font-size:.8125rem;font-weight:400;font-style:italic;line-height:1.35;color:var(--text);white-space:normal;overflow-wrap:anywhere}

/* ---- i tasti del pastore per una voce ---- */
.vh-consulta-ril{margin:12px 0 0;padding:10px 12px;box-sizing:border-box;min-width:0;border:1px dashed var(--line);border-radius:var(--r-1);
  background:var(--card);color:var(--text);font-size:.9rem;line-height:1.45}
.vh-consulta-ril-stato{display:flex;align-items:flex-start;gap:6px;margin:0 0 8px;overflow-wrap:anywhere}
.vh-consulta-ril-stato .vh-ic{flex:none;width:1.1em;height:1.1em;margin-top:.1em}
.vh-consulta-ril-ok .vh-ic{color:var(--ok-testo)}
.vh-consulta-ril-correggi .vh-ic{color:var(--errore-testo)}
.vh-consulta-ril-tasti{display:flex;flex-wrap:wrap;gap:8px}
.vh-consulta-tasto{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:6px 12px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:var(--r-1);background:var(--card2);color:var(--text);font:inherit;font-size:.9rem;font-weight:700;line-height:1.2;
  cursor:pointer;flex-shrink:0}
.vh-consulta-tasto .vh-ic{flex:none;width:1.1em;height:1.1em}
.vh-consulta-tasto[hidden]{display:none}
.vh-consulta-tasto:hover:not(:disabled){border-color:var(--text)}
.vh-consulta-tasto:disabled{opacity:.6;cursor:default}
.vh-consulta-tasto:focus-visible,.vh-consulta-ril textarea:focus-visible{outline:3px solid var(--accent2-testo);outline-offset:2px}
.vh-consulta-ok[aria-pressed="true"]{background:var(--ok-sfondo);border-color:var(--ok-bordo)}
.vh-consulta-ok .vh-ic{color:var(--ok-testo)}
.vh-consulta-correggi .vh-ic,.vh-consulta-salva .vh-ic{color:var(--errore-testo)}
.vh-consulta-ril-nota{margin:10px 0 0}
.vh-consulta-ril-nota[hidden]{display:none}
.vh-consulta-ril-nota label{display:block;margin:0 0 4px;font-weight:700}
.vh-consulta-ril-nota textarea{display:block;width:100%;min-height:76px;margin:0 0 8px;padding:8px 10px;box-sizing:border-box;border:1px solid var(--line);
  border-radius:var(--r-1);background:var(--bg);color:var(--text);font:inherit;font-size:1rem;line-height:1.4;resize:vertical}
.vh-consulta-ril-msg{margin:6px 0 0;color:var(--dim);font-size:.85rem}
.vh-consulta-ril-msg:empty{display:none}
@media (max-width:420px){
  .vh-consulta-ril-tasti .vh-consulta-tasto{flex:1 1 auto}
}

/* ---- una riga in basso quando uno strumento non si apre (fondo pieno) ---- */
.vh-consulta-avviso{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--sab, 0px));z-index:2147482500;margin:0 auto;max-width:560px;
  padding:10px 14px;box-sizing:border-box;border:1px solid var(--avviso-bordo);border-radius:var(--r-1);background:var(--card);color:var(--text);
  font-size:.95rem;line-height:1.4;box-shadow:0 6px 20px rgba(0,0,0,.35);
  /* sta fuori dai fogli, sopra di loro: un dito che ci passa sopra deve toccare il foglio
     (se no scorreva la pagina sotto: trovato col dito vero nella prova) */
  pointer-events:none}
.vh-consulta-avviso[hidden]{display:none}