/* leitor-fonte.css — rodapé do texto bíblico no leitor: copyright da tradução e
 * procedência do texto.
 *
 * Arquivo próprio pelo mesmo motivo do css/audio-biblia.css: o modal do leitor
 * vive em leitura.html, diario.html e panorama.html, e três cópias divergiriam
 * no primeiro ajuste.
 *
 * NÃO é enfeite nem detalhe de UI: creditar a fonte na tela é condição da
 * autorização de uso das fontes de texto, e a nota de copyright da tradução é a
 * atribuição publicada por quem detém o texto. Fica DEPOIS dos versículos
 * (js/leitor-nucleo.js, renderizarRodapeTexto) e discreto: a exigência é que a
 * informação esteja ACESSÍVEL, não que dispute atenção com o texto.
 *
 * Tamanho em px de propósito: o corpo do leitor recebe font-size inline do ajuste
 * de fonte do usuário (16 a 23px) e o rodapé não deve crescer junto.
 *
 * Cor: --fg-2, NÃO --fg-3. Medido (Chrome, 390px): --fg-3 sobre o fundo claro dá
 * 2,40:1 a 11px — pequeno demais para uma atribuição de direitos que tem de ser
 * legível. --fg-2 mantém a linha discreta (11px, sem negrito) e legível nos dois
 * temas.
 *
 * Estrutura: .leitor-texto-rodape
 *              ├─ p.leitor-texto-direitos       (copyright da tradução, se houver)
 *              └─ details.leitor-fonte-aviso    (procedência; "Saiba mais")
 *
 * Nota histórica: o <details> daqui usava a classe .audio-direitos, cujas regras
 * saíram de audio-biblia.css na reescrita do player — ficou sem estilo. Agora o
 * visual é próprio, no mesmo padrão (11px, resumo sublinhado). */

.leitor-texto-rodape {
  margin-top: var(--space-6);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--fg-2);
}

.leitor-texto-direitos {
  margin: 0;
}

/* Links da nota (site do projeto e licença, quando a tradução os tem). */
.leitor-texto-links { margin-top: 2px; }
.leitor-texto-links a {
  color: var(--fg-2);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.leitor-texto-links a:focus-visible {
  outline: 2px solid var(--primary-text);
  outline-offset: 2px;
  border-radius: 2px;
}

.leitor-fonte-aviso {
  margin: var(--space-2) 0 0;
}

.leitor-texto-direitos + .leitor-fonte-aviso {
  margin-top: var(--space-1);
}

.leitor-fonte-aviso > summary {
  cursor: pointer;
  list-style: none;
  padding: 2px 0;
  color: var(--fg-2);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.leitor-fonte-aviso > summary::-webkit-details-marker { display: none; }
.leitor-fonte-aviso > summary:focus-visible {
  outline: 2px solid var(--primary-text);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}

.leitor-fonte-aviso strong {
  color: var(--fg);
  font-weight: 600;
}

.leitor-fonte-aviso-corpo {
  padding: var(--space-2) 0 0;
}
.leitor-fonte-aviso-corpo p {
  margin: 0 0 4px;
}