/* ACR SCHOOL · pages/uniforme.css
   Exclusivo de /uniforme, em :where(), especificidade zero.
   Aqui vive só o que existe por causa desta página: a barra de filtros e
   o cartão de peça com preço. A grade e a moldura de produto são do tema. */

/* filtros: três grupos independentes, que se somam.
   São botões e não menu suspenso porque o número de opções é pequeno e
   ver todas de uma vez é mais rápido do que abrir lista. */
:where(.uni-filtros){display:grid;gap:var(--acr-s3);
  padding:var(--acr-s4) 0;border-block:var(--acr-rule) solid var(--acr-line-3)}
:where(.uni-grupo){display:flex;flex-wrap:wrap;align-items:center;gap:var(--acr-s2)}
:where(.uni-grupo__k){flex:0 0 7.5rem;font-family:var(--acr-font-display);font-weight:800;
  font-size:var(--acr-label);text-transform:uppercase;
  letter-spacing:var(--acr-tracking-label);color:var(--acr-accent-text)}
:where(.uni-chip){font-family:var(--acr-font-ui);font-weight:600;font-size:13px;
  text-transform:uppercase;letter-spacing:var(--acr-tracking-nav);
  padding:9px 16px;cursor:pointer;color:var(--acr-ink-2);
  background:transparent;border:var(--acr-rule) solid var(--acr-line-3);
  transition:background-color var(--acr-dur-1) var(--acr-ease),
             color var(--acr-dur-1) var(--acr-ease),
             border-color var(--acr-dur-1) var(--acr-ease)}
:where(.uni-chip):hover{border-color:var(--acr-ink-3);color:var(--acr-ink)}
:where(.uni-chip)[aria-pressed="true"]{background:var(--acr-ink);color:var(--acr-surface);
  border-color:var(--acr-ink)}

:where(.uni-contagem){font-family:var(--acr-font-ui);font-size:13px;color:var(--acr-ink-3);
  margin-top:var(--acr-s3)}
:where(.uni-vazio){font-family:var(--acr-font-ui);font-size:15px;color:var(--acr-ink-2);
  padding-block:var(--acr-s5)}

/* cartão de peça: foto, nome, uso e preço ancorado embaixo */
:where(.uni-peca){display:flex;flex-direction:column;gap:var(--acr-s2);height:100%}
:where(.uni-peca) h3{font-family:var(--acr-font-display);font-weight:800;font-size:22px;
  text-transform:uppercase;line-height:1;margin-top:var(--acr-s1)}
:where(.uni-peca__tags){display:flex;flex-wrap:wrap;gap:8px;
  font-family:var(--acr-font-ui);font-size:11px;text-transform:uppercase;
  letter-spacing:var(--acr-tracking-nav);color:var(--acr-ink-3)}
:where(.uni-peca__preco){margin-top:auto;padding-top:var(--acr-s2);
  border-top:var(--acr-rule) solid var(--acr-line-3);
  font-family:var(--acr-font-display);font-weight:800;font-size:20px;color:var(--acr-ink)}

/* foto clicável: botão de verdade, para funcionar no teclado também */
:where(.uni-zoom){display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}

/* peça sem foto: a caixa mantém a grade alinhada e diz o que falta */
:where(.uni-semfoto){display:grid;place-items:center;aspect-ratio:3/4;
  background:var(--acr-produto-bg);border:var(--acr-rule) dashed var(--acr-line-3);
  font-family:var(--acr-font-ui);font-size:12px;text-transform:uppercase;
  letter-spacing:var(--acr-tracking-nav);color:var(--acr-ink-3)}

@media (max-width:900px){
  :where(.uni-grupo__k){flex:1 1 100%}
}