/* catalogo.css — estilos próprios do Catálogo de Fornecedores (Épico 7).
   Reaproveita os tokens de marca (css/tokens.css) mas tem header/identidade
   própria — é um segundo produto, não uma seção do e-commerce. */

.cab-fornecedores {
  background: var(--cor-marca);
  color: var(--cor-marca-texto);
  padding: var(--esp-3) var(--esp-4);
}
.cab-fornecedores .marca {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--cor-marca-texto);
}
.cab-fornecedores .marca sup {
  font-size: .6rem;
  font-weight: 600;
  opacity: .85;
  margin-left: var(--esp-2);
  text-transform: uppercase;
}
.cab-fornecedores nav {
  display: flex;
  gap: var(--esp-4);
  align-items: center;
  flex-wrap: wrap;
}
.cab-fornecedores a {
  color: var(--cor-marca-texto);
}

.aviso-preco {
  background: var(--cor-marca-suave);
  color: var(--cor-texto);
  border-radius: var(--raio);
  padding: var(--esp-3) var(--esp-4);
  margin-bottom: var(--esp-4);
  font-size: var(--texto-sm);
}
.aviso-preco a { color: var(--cor-acao); font-weight: 600; }

.grid-fornecedores {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--esp-4);
}
.card-fornecedor {
  background: var(--cor-superficie);
  border-radius: var(--raio);
  box-shadow: var(--sombra-card);
  padding: var(--esp-4);
  display: block;
}
.card-fornecedor:hover { text-decoration: none; box-shadow: var(--sombra-card-hover); }
.card-fornecedor .nome { font-weight: 600; margin-bottom: var(--esp-1); }
.card-fornecedor .minimo { font-size: var(--texto-xs); color: var(--cor-texto-suave); }

.grid-produtos-fornecedor {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--esp-4);
}
.card-produto-fornecedor {
  background: var(--cor-superficie);
  border-radius: var(--raio);
  box-shadow: var(--sombra-card);
  overflow: hidden;
  display: block;
}
.card-produto-fornecedor:hover { text-decoration: none; box-shadow: var(--sombra-card-hover); }
.card-produto-fornecedor .img {
  aspect-ratio: 1 / 1;
  background: var(--cor-fundo);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.card-produto-fornecedor .img img { width: 100%; height: 100%; object-fit: cover; }
.card-produto-fornecedor .corpo { padding: var(--esp-3); }
.card-produto-fornecedor .titulo {
  font-size: var(--texto-sm);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}
.card-produto-fornecedor .preco { font-weight: 700; color: var(--cor-marca); margin-top: var(--esp-2); }
.card-produto-fornecedor .preco-consulta { color: var(--cor-texto-suave); font-size: var(--texto-sm); }
.card-produto-fornecedor .qtd-minima { font-size: var(--texto-xs); color: var(--cor-texto-suave); }

.chip-status {
  display: inline-block;
  border-radius: 999px;
  padding: 2px var(--esp-2);
  font-size: var(--texto-xs);
  font-weight: 600;
}
.chip-status.pendente { background: #FEF3E0; color: #8a5a00; }
.chip-status.aprovado { background: #E6F7EE; color: var(--cor-positivo); }
.chip-status.recusado { background: #FDE8EA; color: var(--cor-erro); }

.tabela-produtos { width: 100%; border-collapse: collapse; }
.tabela-produtos th, .tabela-produtos td {
  text-align: left;
  padding: var(--esp-2) var(--esp-3);
  border-bottom: 1px solid var(--cor-borda);
  font-size: var(--texto-sm);
}