/* Arquivo do Clube — "Todos os jogos" e indicadores de resultado.
   Antes este CSS era impresso inline e só aparecia quando havia mais de uma
   página de resultados — com poucos jogos, a tabela ficava sem formatação. */

.ac-toj.ac-wrap { max-width: 1100px; margin: 0 auto; padding: 20px 12px; }

.ac-toj .ac-card {
  border: 1px solid var(--ac-regua);
  border-radius: 14px;
  padding: 16px;
  background: var(--ac-papel-alto);
}

/* .ac-toj-titulo saiu junto com a marcação: o nome da página passou a ser o
   <h1> solto acima do card, pelo mesmo construtor das outras listagens. */

.ac-muted { opacity: .8; }

/* ---------- filtros ---------- */
.ac-toj-filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--ac-regua);
}
.ac-toj-filtro { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ac-toj-filtro > label {
  font-size: var(--ac-t-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .75;
}
.ac-toj-filtro select,
.ac-toj-filtro input[type="text"],
.ac-toj-filtro input[type="date"] {
  padding: 6px 8px;
  border: 1px solid var(--ac-regua);
  border-radius: 8px;
  background: var(--ac-papel-alto);
  color: inherit;
  font: inherit;
  max-width: 100%;
}
.ac-toj-acoes { flex-direction: row; align-items: center; gap: 10px; flex-wrap: wrap; }
.ac-toj-check { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ac-t-sm); }
.ac-toj-btn {
  padding: 7px 16px;
  border: 0;
  border-radius: 8px;
  background: var(--ac-rubro);
  color: var(--ac-papel-alto);
  font-weight: 600;
  cursor: pointer;
}
.ac-toj-btn:hover { background: var(--ac-rubro); }
/* Sem `text-decoration: underline`: nenhum link do site sublinha. Esta
   declaração tinha especificidade de classe (0,1,0) e vencia a regra geral
   `body a` (0,0,2) — foi a única sobra depois que a regra passou a valer para
   o documento inteiro. */
.ac-toj-limpar { font-size: var(--ac-t-sm); }

/* ---------- estatísticas ---------- */
.ac-toj-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0 0 14px;
  font-size: var(--ac-t-sm);
  opacity: .9;
}
.ac-toj-stats b { font-variant-numeric: tabular-nums; }

/* ---------- tabela ---------- */
.ac-toj-scroll { overflow-x: auto; }
.ac-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.ac-table th,
.ac-table td {
  padding: 9px 8px;
  border-bottom: 1px solid var(--ac-regua);
  text-align: left;
  font-size: var(--ac-t-sm);
  vertical-align: top;
}
.ac-table th {
  font-size: var(--ac-t-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .7;
  white-space: nowrap;
}
.ac-toj-data { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ac-toj-ver { text-align: right; white-space: nowrap; }

/* ---------- bolinha de resultado ---------- */
.ac-res-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  background: var(--ac-tinta-3);
}
.ac-res-vitoria { background: var(--ac-vitoria); }
.ac-res-empate  { background: var(--ac-empate); }
.ac-res-derrota { background: var(--ac-derrota); }
.ac-res-sem     { background: var(--ac-tinta-3); }

.ac-jogo-placar { margin-left: 10px; font-weight: 700; opacity: .9; font-variant-numeric: tabular-nums; }
.ac-toj-marcante { color: var(--ac-derrota); margin-left: 6px; }

/* ---------- paginação ---------- */
.ac-pager { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.ac-pager a {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid var(--ac-regua);
  border-radius: 10px;
  text-decoration: none;
}
.ac-pager-info { font-size: var(--ac-t-sm); opacity: .75; }

/* utilitário de acessibilidade, caso o tema não defina */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}