/* ==================================================
   ZENCOMM — BUSCA, LOGIN E CARRINHO DO CABEÇALHO
================================================== */

/* Campo de busca */
#cabecalho .busca {
  position: relative !important;
}

#cabecalho .busca input[type="text"] {
  height: 58px !important;
  padding: 0 22px 0 58px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #fff !important;
  color: #26383e !important;
  box-shadow: none !important;
}

/* Lupa desenhada por CSS: fica sempre alinhada dentro do campo */
#cabecalho .busca .botao-busca,
#cabecalho .busca button[type="submit"] {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  left: 15px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
}

#cabecalho .busca .botao-busca::before,
#cabecalho .busca button[type="submit"]::before {
  content: "" !important;
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  width: 12px !important;
  height: 12px !important;
  border: 2px solid #2D7184 !important;
  border-radius: 50% !important;
}

#cabecalho .busca .botao-busca::after,
#cabecalho .busca button[type="submit"]::after {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  width: 8px !important;
  height: 2px !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
  border-radius: 2px !important;
  background: #2D7184 !important;
}

/* Conta, login e carrinho: ícones limpos e padronizados */
#cabecalho .acoes-conta a,
#cabecalho .acoes-conta .conta,
#cabecalho .acoes-conta .carrinho,
#cabecalho .acoes-conta [class^="icon-"],
#cabecalho .acoes-conta [class*=" icon-"],
#cabecalho .conta,
#cabecalho .carrinho {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

#cabecalho .acoes-conta [class^="icon-"],
#cabecalho .acoes-conta [class*=" icon-"],
#cabecalho .acoes-conta [class^="icon-"]::before,
#cabecalho .acoes-conta [class*=" icon-"]::before,
#cabecalho .conta [class^="icon-"],
#cabecalho .conta [class*=" icon-"],
#cabecalho .carrinho [class^="icon-"],
#cabecalho .carrinho [class*=" icon-"] {
  color: #fff !important;
  background: transparent !important;
  border-color: transparent !important;
}

#cabecalho .acoes-conta a:hover [class^="icon-"],
#cabecalho .acoes-conta a:hover [class*=" icon-"],
#cabecalho .conta:hover [class^="icon-"],
#cabecalho .carrinho:hover [class^="icon-"] {
  color: #F56646 !important;
}