/* Life Toys - Copa 2026 - Layout Padrão LI */

/* Topo escuro */
#topo-informacoes {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}
#topo-informacoes a {
  color: #ffffff !important;
}

/* Header principal */
#header, .header {
  background-color: #ffffff !important;
  border-bottom: 3px solid #1a5c2e !important;
}

/* Barra de busca */
#busca input, .busca input {
  border: 2px solid #1a5c2e !important;
  border-radius: 4px !important;
}
#busca button, .busca button {
  background-color: #1a5c2e !important;
  color: #ffffff !important;
}

/* Menu de navegação */
#menu, .menu, nav {
  background-color: #1a5c2e !important;
}
#menu a, .menu a, nav a {
  color: #ffffff !important;
}
#menu a:hover, .menu a:hover {
  background-color: #c8960c !important;
  color: #ffffff !important;
}

/* Botões de compra */
.btn-comprar, .comprar, .adicionar-carrinho,
input[value*="comprar"], input[value*="Comprar"],
.btn-carrinho, button.comprar {
  background-color: #c8960c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
}

/* Preços */
.preco-por, .preco, .price,
span.preco-por, b.preco-por {
  color: #1a5c2e !important;
  font-weight: 500 !important;
}

/* Preço riscado */
.preco-de, span.preco-de {
  color: #999999 !important;
}

/* Newsletter */
.newsletter, #newsletter {
  background-color: #1a5c2e !important;
  color: #ffffff !important;
}
.newsletter input[type="text"],
.newsletter input[type="email"] {
  border: none !important;
  border-radius: 4px !important;
}
.newsletter button, .newsletter input[type="submit"] {
  background-color: #c8960c !important;
  color: #ffffff !important;
  border: none !important;
}

/* Rodapé */
#rodape, footer, .rodape {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
}
#rodape a, footer a, .rodape a {
  color: #a8d5b5 !important;
}
#rodape h3, #rodape h4,
footer h3, footer h4 {
  color: #c8960c !important;
}

/* Fundo geral */
body {
  background-color: #f5f5f0 !important;
}

/* Cards de produto */
produto, .item-produto {
  background-color: #ffffff !important;
  border: 0.5px solid #e0e0e0 !important;
  border-radius: 6px !important;
}