/* Liturgia das Horas — telas de indice (Salterio e Oficios/Oracoes).
   Herda as variaveis e os componentes de liturgia_horas.css; aqui so o que
   e proprio de uma lista longa que se busca e se abre. */

.lhi-busca{position:relative;margin:.75rem 0 1rem}
.lhi-busca input{width:100%;border:1px solid var(--lh-linha);border-radius:.5rem;
  padding:.6rem .8rem .6rem 2.2rem;font-family:inherit;font-size:1rem;
  background:#fff;color:var(--lh-tinta)}
.lhi-busca input:focus{outline:2px solid var(--lh-dourado);outline-offset:1px}
.lhi-busca .fa-magnifying-glass{position:absolute;left:.75rem;top:50%;
  transform:translateY(-50%);color:var(--lh-suave);pointer-events:none}

/* Filtros por secao: Salmos/Canticos, Oficios/Oracoes/Ritos. */
.lhi-filtros{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}

.lhi-grupo{margin:1.5rem 0 .5rem;font-size:1.15rem;color:var(--lh-realce);
  border-bottom:1px solid var(--lh-linha);padding-bottom:.3rem}

/* Grade de duas colunas em tela larga: 225 salmos numa coluna unica dao uma
   pagina de rolagem interminavel. */
.lhi-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));
  gap:.35rem;list-style:none;padding:0;margin:0}
.lhi-item{display:block;width:100%;text-align:left;border:1px solid var(--lh-linha);
  background:#fff;border-radius:.5rem;padding:.55rem .75rem;cursor:pointer;
  font-family:inherit;font-size:.95rem;color:var(--lh-tinta);line-height:1.35;
  text-decoration:none}
.lhi-item:hover{background:var(--lh-fundo-caixa);border-color:var(--lh-dourado)}
.lhi-item b{display:block;font-weight:600}
.lhi-item small{color:var(--lh-suave);font-size:.85rem}
.lhi-item .lhi-qtd{color:var(--lh-dourado);font-size:.78rem}

.lhi-vazio{color:var(--lh-suave);padding:1.5rem 0;text-align:center}

/* ---- leitor ---- */
.lhi-voltar{margin:.5rem 0 1rem}
.lhi-cab{text-align:center;padding:.5rem 0 1rem;border-bottom:1px solid var(--lh-linha);
  margin-bottom:1rem}
.lhi-cab h1{font-size:1.7rem;line-height:1.25;margin-bottom:.3rem}
.lhi-cab p{color:var(--lh-suave);font-size:1rem;margin:0}

/* A coleta salmodica do Salterio vem num campo proprio, e nao embutida no
   texto como no oficio do dia — por isso a caixa aqui e explicita. */
.lhi-coleta{margin-top:1.5rem;border:1px solid var(--lh-linha);
  background:var(--lh-fundo-caixa);border-radius:.5rem;padding:.75rem 1rem}
.lhi-coleta h2{font-size:1rem;color:var(--lh-realce);margin:0 0 .4rem}

@media print{
  .lhi-busca,.lhi-filtros,.lhi-voltar,.lhi-lista,.lhi-grupo{display:none}
}

/* Muitas variantes (as 56 catequeses) nao cabem em abas: viram um seletor. */
.lhi-escolha{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  padding:.4rem 0 .8rem}
.lhi-escolha span{color:var(--lh-suave);font-size:.9rem}
.lhi-escolha select{flex:1 1 18rem;border:1px solid var(--lh-linha);
  border-radius:.5rem;padding:.5rem .7rem;font-family:inherit;font-size:.95rem;
  background:#fff;color:var(--lh-tinta)}