/*
Theme Name:  Confluências
Theme URI:   https://confluencias.org.br
Author:      Movimento Confluências
Description: Tema clássico do diretório Confluências. Direção "Periódico": sem
             border-radius, sem box-shadow, sem gradiente. Hierarquia por fio,
             peso tipográfico e espaço. Duas famílias apenas — Newsreader e
             IBM Plex Mono.
Version:     0.1.0
Requires at least: 6.4
Requires PHP: 8.2
Text Domain: confluencias
Tags:        directory, editorial, accessibility-ready
*/

/*
  ATENÇÃO — este arquivo existe só para o WordPress reconhecer o tema.
  Todo o estilo real está em assets/css/design-system.css, que é a fonte da
  verdade visual e NÃO deve ser reescrito, convertido para outro pré-processador
  ou "melhorado". Ele já passa em WCAG AA e a auditoria de contraste está fechada.

  Regras inegociáveis (repetidas aqui de propósito):
  1. Nada de border-radius, box-shadow ou linear-gradient.
  2. Somente Newsreader e IBM Plex Mono.
  3. Laranja #F29A1E nunca leva texto branco — sempre marrom #4C2A23.
  4. Terracota #BD6A4B só em traço; para texto use --terracota-txt #9E5334.
  5. Sem foto, o retrato é monograma em cor chapada.
*/

/* ═══════════════════════════════════════════════════════════════
   COMPLEMENTOS DO TEMA

   Só o que o protótipo estático não precisava ter e o WordPress precisa:
   link de pular, texto para leitor de tela, campos reais de formulário
   (o protótipo usava <span>) e as duas classes novas da busca.

   Isto NÃO é lugar para estilo de página. Estilo de página vai em
   design-system.css. Se algo aqui crescer, é sinal de que está no
   arquivo errado.
   ═══════════════════════════════════════════════════════════════ */

/* --- pular para o conteúdo (WCAG 2.4.1) --- */
.pular-para-conteudo{
  position:absolute; left:-9999px; top:0; z-index:999;
  background:var(--tinta); color:var(--papel);
  padding:12px 20px; min-height:24px;
}
.pular-para-conteudo:focus{ left:0; }

/* --- texto só para leitor de tela --- */
.screen-reader-text{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}

/* --- foco visível: obrigatório, e o contorno respeita a linguagem --- */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--bordo); outline-offset:2px;
}

/* --- campos reais dentro de .filtro (no protótipo eram <span>) --- */
.filtro input[type="search"],
.filtro input[type="text"],
.filtro select{
  width:100%; min-height:24px;
  font-family:var(--serif); font-size:16px; font-weight:400;
  color:var(--tinta); background:transparent;
  border:none; padding:0; appearance:none;
}
.filtro input::placeholder{ color:var(--tinta-suave); opacity:1; }
.filtro-acao button{
  font-family:var(--mono); cursor:pointer; border:none;
}

/* --- busca: rótulo de tipo e espaço após o filtro --- */
.res-tipo{
  color:var(--terracota-txt); font-size:10px;
  align-self:center; min-width:0;
}
.sec-head--apos-filtro{ margin-top:26px; }

/* --- todo filho de grade precisa poder encolher (armadilha 2) --- */
.res-row > *, .not-grid > *, .bib-grid > *, .foot-grid > *,
.idx-row > *, .ag-row > *{ min-width:0; }