/* ====== Ka&B Clean Soldiers ====== */
/* Cores da identidade visual: laranja #ff5522, cinza escuro #232b32, branco gelo #f5f5f3 */

/* Fundo geral */
body {
  background: #f5f5f3 !important;
  color: #232b32;
  font-family: 'Inter', Arial, sans-serif;
}

/* Cabeçalho/menu */
.header, .header-loja, .fundo-principal, .topo {
  background: #232b32 !important;
  color: #fff !important;
}
.header-loja a, .topo .area-login a, .topo .menu > li > a {
  color: #fff !important;
}
.topo .menu > li > a:hover, .header-loja a:hover {
  color: #ff5522 !important;
}

/* Botões principais */
.botao.principal,
.botao.botao-comprar.principal,
.btn.btn-primary {
  background: #ff5522 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600;
  border: none !important;
  transition: background .2s;
}
.botao.principal:hover,
.botao.botao-comprar.principal:hover,
.btn.btn-primary:hover {
  background: #e04b1f !important;
  color: #fff !important;
}

/* Cards dos produtos */
.listagem-produtos .produto, .box-produto {
  border: 1px solid #eee !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.02);
  transition: box-shadow .2s, transform .2s;
}
.listagem-produtos .produto:hover, .box-produto:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  transform: translateY(-4px) scale(1.01);
}
.listagem-produtos img, .box-produto img {
  max-width: 100%;
  border-radius: 6px;
}

/* Preço destacado */
.preco-produto, .box-preco, .precoPor {
  color: #ff5522 !important;
  font-weight: bold;
  font-size: 1.2em;
}

/* Filtros/categorias */
.filtros, .menu-categorias {
  background: #fff !important;
  border-radius: 8px;
  padding: 16px 12px;
  margin-bottom: 16px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.filtros label, .menu-categorias a {
  color: #232b32 !important;
}
.filtros label.selected, .menu-categorias a.selected {
  color: #ff5522 !important;
  font-weight: 600;
}

/* Rodapé */
.footer, .rodape, .footer-loja {
  background: #232b32 !important;
  color: #bbb !important;
  text-align: center;
  font-size: 15px;
  padding: 32px 0 24px 0;
}
.footer a, .rodape a, .footer-loja a {
  color: #ff5522 !important;
}

/* Ajustes gerais */
input, select, textarea {
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  font-size: 15px;
}

@media (max-width: 900px) {
  .listagem-produtos .produto, .box-produto { margin-bottom: 20px; }
  .filtros, .menu-categorias { padding: 10px 6px; }
}

/* Oculta banner se quiser, descomente se necessário */
/*
.banner, .banner-principal, .banner-destaque { display: none !important; }
*/