/* GUI GIFTS - CSS Personalizado | Laranja #FF6B00 + Preto #111 */

/* BARRA SUPERIOR */
.barra-inicial.fundo-secundario,
.barra-inicial {
  background: #111111 !important;
  color: #ffffff !important;
  border-bottom: 2px solid #FF6B00 !important;
}
.barra-inicial a,
.barra-inicial.fundo-secundario a,
.canais-contato a {
  color: #cccccc !important;
}
.barra-inicial a:hover,
.barra-inicial.fundo-secundario a:hover,
.canais-contato a:hover {
  color: #FF6B00 !important;
}
.barra-inicial i,
.barra-inicial.fundo-secundario i {
  color: #FF6B00 !important;
}

/* HEADER / TOPO */
.conteiner-principal {
  background: #ffffff !important;
  border-bottom: 3px solid #FF6B00 !important;
}

/* LOGO */
.logo,
.logo a,
h1.logo,
h1.logo a {
  color: #111111 !important;
  font-weight: 800 !important;
}

/* MENU */
.menu a,
.menu li a {
  color: #222222 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.menu a:hover,
.menu li a:hover,
.menu li.com-filho:hover > a {
  color: #FF6B00 !important;
}

/* COR PRINCIPAL DO TEMA (usada nos destaques) */
.cor-principal,
.cor-principal * {
  color: #FF6B00 !important;
}
.fundo-principal,
.fundo-principal * {
  background: #FF6B00 !important;
  color: #ffffff !important;
}

/* COR SECUNDÁRIA */
.cor-secundaria {
  color: #111111 !important;
}
.fundo-secundario {
  background: #f5f5f5 !important;
}

/* BUSCA */
.busca {
  border: 2px solid #e8e8e8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.busca input,
.busca .ui-autocomplete-input {
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
}
.botao-busca,
.busca .botao-busca {
  background: #FF6B00 !important;
  color: #ffffff !important;
  border: none !important;
}

/* BOTÕES GLOBAIS */
.botao,
.botao-comprar,
.btn-block,
a.botao,
button.botao {
  background: #FF6B00 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  transition: background 0.2s ease !important;
}
.botao:hover,
.botao-comprar:hover,
a.botao:hover {
  background: #E05A00 !important;
  color: #ffffff !important;
}
.botao.secundario {
  background: transparent !important;
  color: #FF6B00 !important;
  border: 2px solid #FF6B00 !important;
}
.botao.secundario:hover {
  background: #FF6B00 !important;
  color: #ffffff !important;
}

/* CARRINHO */
.carrinho .qtd-carrinho,
.qtd-carrinho {
  background: #FF6B00 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-weight: 700 !important;
}

/* BANDEIRA DE PROMOÇÃO */
.bandeira-promocao {
  background: #111111 !important;
  color: #FF6B00 !important;
  font-weight: 700 !important;
}

/* CARDS DE PRODUTO */
.listagem-item {
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.listagem-item:hover {
  box-shadow: 0 6px 20px rgba(255,107,0,0.15) !important;
  transform: translateY(-3px) !important;
  border-color: #FF6B00 !important;
}

/* PREÇO */
.preco-venda,
.preco-produto .preco-venda {
  color: #aaaaaa !important;
  font-size: 12px !important;
}
.preco-promocional,
.preco-produto .preco-promocional {
  color: #FF6B00 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}
.preco-produto {
  color: #FF6B00 !important;
  font-weight: 800 !important;
}

/* TÍTULOS DE SEÇÃO / VITRINE */
.titulo-vitrine,
.conteudo h2,
.conteudo h3 {
  font-weight: 800 !important;
  color: #111111 !important;
  border-left: 4px solid #FF6B00 !important;
  padding-left: 12px !important;
}

/* BREADCRUMB */
.breadcrumb a,
.institucional a {
  color: #FF6B00 !important;
}

/* LATERAL / FILTROS */
.lateral h3,
.lateral .titulo {
  color: #111111 !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #FF6B00 !important;
  padding-bottom: 8px !important;
}

/* PAGINAÇÃO */
.paginacao a {
  border: 1px solid #e8e8e8 !important;
  color: #111111 !important;
  border-radius: 6px !important;
}
.paginacao a:hover,
.paginacao a.ativo {
  background: #FF6B00 !important;
  color: #ffffff !important;
  border-color: #FF6B00 !important;
}

/* RODAPÉ */
.rodape,
footer,
#rodape {
  background: #111111 !important;
  color: #cccccc !important;
  border-top: 3px solid #FF6B00 !important;
}
.rodape a,
footer a,
.links-rodape a {
  color: #aaaaaa !important;
}
.rodape a:hover,
footer a:hover,
.links-rodape a:hover {
  color: #FF6B00 !important;
}
.rodape h3,
.rodape h4,
.links-rodape h3,
.links-rodape h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
}
.carrinho-rodape {
  background: #1a1a1a !important;
}

/* BORDA ALPHA (linha separadora) */
.borda-alpha {
  border-color: rgba(255,107,0,0.2) !important;
}

/* BORDA PRINCIPAL */
.borda-principal {
  border-color: #FF6B00 !important;
}

/* LINKS GERAIS */
a:hover {
  color: #FF6B00 !important;
}

/* MOBILE */
.atalhos-mobile {
  background: #111111 !important;
  border-bottom: 2px solid #FF6B00 !important;
}

/* RODAPÉ - área institucional e links */
.institucional,
.institucional.fundo-secundario {
  background: #111111 !important;
  color: #cccccc !important;
}
.institucional p,
.institucional span {
  color: #cccccc !important;
}
.institucional h3,
.institucional h4 {
  color: #ffffff !important;
  border-bottom: 1px solid #333333 !important;
  padding-bottom: 8px !important;
}
.institucional a {
  color: #aaaaaa !important;
}
.institucional a:hover {
  color: #FF6B00 !important;
}

/* Links de categorias no rodapé */
.links-rodape,
.links-rodape-categorias {
  background: #111111 !important;
}
.links-rodape a,
.links-rodape li,
.links-rodape-categorias a,
.links-rodape-categorias li {
  color: #aaaaaa !important;
}
.links-rodape a:hover,
.links-rodape-categorias a:hover {
  color: #FF6B00 !important;
}
.links-rodape h3,
.links-rodape h4,
.links-rodape-categorias h3 {
  color: #ffffff !important;
}

/* Área de pagamento e selos no rodapé */
.carrinho-rodape,
.gateways-rodape,
.bandeiras-pagamento {
  background: #1a1a1a !important;
  color: #cccccc !important;
}
.carrinho-rodape h3,
.gateways-rodape h3 {
  color: #ffffff !important;
}