/* =========================================================
   Filtros no celular — camada carregada por ÚLTIMO em todas as
   páginas com painel #filters (BIA+, Participações, Regularidade,
   Cedimento, Bola Parada). Usa #filters#filters para vencer as regras
   por página (ex.: :nth-child do filtros-premium.css que jogava
   Posições numa 2ª coluna e espremia tudo).
   ========================================================= */
@media (max-width: 720px) {
  #filters#filters .filters-body {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 18px;
  }
  #filters#filters.is-open-mobile .filters-body { display: grid; }
  #filters#filters .filters-body > :nth-child(n) {
    grid-area: auto / 1 / auto / -1;
    margin-top: 0;
    min-width: 0;
    width: auto;
  }

  /* rótulos */
  #filters#filters .filters-label,
  #filters#filters .filters-clubes-header label {
    display: block;
    margin: 0 0 8px;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  /* Status: grade 3 x 2 */
  #filters#filters #status-badges {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    padding: 0;
    flex-wrap: initial;
  }
  #filters#filters #status-badges .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 32px;
    padding: 0 6px;
    font-size: 11px;
    white-space: nowrap;
  }

  /* Posições: controle segmentado em uma linha */
  #filters#filters #chips-pos-wrap { padding: 0; margin: 0; overflow: visible; }
  #filters#filters #chips-pos {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 10px;
    background: rgba(2, 6, 23, .35);
  }
  #filters#filters #chips-pos .chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    min-height: 34px;
    padding: 0 2px;
    margin: 0;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(148, 163, 184, .12);
    font-size: 11px;
    letter-spacing: .04em;
  }
  #filters#filters #chips-pos .chip:first-child { border-left: 0; min-width: 44px; }
  #filters#filters #chips-pos .chip.active { box-shadow: inset 0 -2px 0 #38bdf8; }

  /* Clubes: cabeçalho numa linha + grade 4 colunas */
  #filters#filters .filters-clubes-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 -8px;
  }
  #filters#filters .filters-clubes-header label { margin: 0; }
  #filters#filters .filters-clubes-header .clubs-actions { display: inline-flex; gap: 14px; margin: 0; }
  #filters#filters #chips,
  #filters#filters #club-chips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  #filters#filters #chips .chip,
  #filters#filters #club-chips .chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 0 4px;
    gap: 5px;
    font-size: 11px;
  }
  #filters#filters #chips .chip img,
  #filters#filters #club-chips .chip img { width: 15px; height: 15px; }

  /* posições sempre esticam por igual (algumas páginas mantêm #chips-pos como flex) */
  #filters#filters #chips-pos { display: flex; }
  #filters#filters #chips-pos .chip { flex: 1 1 0; }

  /* rótulos padronizados em todas as páginas */
  #filters#filters .filters-label,
  #filters#filters .filters-clubes-header label {
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    font-weight: 600;
    color: #94a3b8;
  }

  /* Cedimento: corpo em bloco — respiro entre os grupos */
  .page--cedimento #filters#filters .filters-body > .filters-label,
  .page--cedimento #filters#filters .filters-body > .filters-clubes-header { margin-top: 20px !important; }
  .page--cedimento #filters#filters .filters-body > .filters-clubes-header + * { margin-top: 16px !important; }
}