/* [513] I RIMANDI SCELTI DAI LETTORI (OpenBible.info) — l'aspetto (era
   laboratorio/rimandi-lettori/client.css). La parte «Scelti dai lettori»
   dentro la Chiave e dentro la scheda Chiave dello Studio, l'arrivo
   illuminato e il «Torna». Colori dalle variabili del sito: vale in tutti i
   temi. Le classi cominciano con «vh-rimandi»: non toccano il resto. */

.vh-rimandi{margin:18px 0 0}
.vh-rimandi .vh-ic{width:1.15em;height:1.15em;flex:0 0 auto}
.vh-rimandi-tit{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1rem}
.vh-rimandi-sotto{margin:2px 0 8px;font-size:.85rem;color:var(--dim, #9aa3b2)}
.vh-rimandi-msg{margin:8px 0;line-height:1.5;color:var(--dim, #9aa3b2)}
.vh-rimandi-lista{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.vh-rimandi-rif{width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"testa freccia" "prime freccia";
  align-items:center;column-gap:8px;row-gap:2px;text-align:left;padding:8px 10px 8px 12px;cursor:pointer;
  border:1px solid var(--line, #2a3040);border-radius:var(--r-1, 10px);background:var(--bg-2, var(--bg, #0f1218));color:var(--text, #eef1f6);font:inherit}
.vh-rimandi-rif:hover{border-color:var(--accent2-testo, #e0a35a)}
.vh-rimandi-rif:focus-visible,.vh-rimandi-altro:focus-visible,.vh-rimandi-torna:focus-visible{outline:3px solid var(--accent2-testo, #e0a35a);outline-offset:2px}
.vh-rimandi-rif-testa{grid-area:testa;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.vh-rimandi-rif-testa b{color:var(--accent2-testo, var(--text, #eef1f6))}
.vh-rimandi-voti{font-size:.78rem;color:var(--dim, #9aa3b2)}
.vh-rimandi-prime{grid-area:prime;font-size:.92rem;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.vh-rimandi-freccia{grid-area:freccia;color:var(--dim, #9aa3b2);display:flex}
.vh-rimandi-altro{min-height:44px;margin:8px 0 4px;width:100%;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--line, #2a3040);border-radius:var(--r-1, 10px);background:var(--card2, var(--bg, #0f1218));color:var(--text, #eef1f6);
  font:inherit;font-weight:600;cursor:pointer}
.vh-rimandi-fonte{margin:10px 0 2px;font-size:.75rem;line-height:1.5;color:var(--dim, #9aa3b2)}
.vh-rimandi-fonte a{color:var(--accent2-testo, #e0a35a)}

/* i versetti di arrivo: due secondi illuminati (solo questa classe, il testo
   non si tocca). Una riga piena intorno, come un evidenziatore verde. */
#bb-testo .vh-rimandi-arrivo{background:var(--ok-sfondo, #12321f);box-shadow:0 0 0 2px var(--ok-bordo, #2f8f57);
  border-radius:var(--r-0, 4px);transition:background .5s, box-shadow .5s}
body.acc-calm #bb-testo .vh-rimandi-arrivo{transition:none}
@media (prefers-reduced-motion: reduce){#bb-testo .vh-rimandi-arrivo{transition:none}}

/* «Torna a Giovanni 3:16»: fisso in basso a sinistra, sopra la barra delle
   sezioni (la stessa fila dei tondi del sito, --fila-giu), fondo pieno */
.vh-rimandi-torna{position:fixed;z-index:61;left:calc(14px + env(safe-area-inset-left, 0px));bottom:var(--fila-giu, calc(84px + env(safe-area-inset-bottom, 0px)));
  max-width:calc(100vw - 100px);min-height:44px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--accent2, #e0a35a);border-radius:var(--r-2, 14px);background:var(--card, #171b25);color:var(--text, #eef1f6);
  font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 16px -4px #000}
.vh-rimandi-torna .vh-ic{width:1.15em;height:1.15em;flex:0 0 auto}
.vh-rimandi-torna span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.vh-rimandi-torna[hidden]{display:none}
/* con il tondo della radio acceso (anche lui in basso a sinistra) si fa piu' in la' */
body:has(#radio-su) .vh-rimandi-torna{left:calc(88px + env(safe-area-inset-left, 0px));max-width:calc(100vw - 174px)}

/* la voce per il lettore di schermo: non si vede */
.vh-rimandi-solo-voce{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}