/* =====================================
BOTÕES – AJUSTE MINIMAL E SEGURO
===================================== */

/* Container original – apenas sobe */
.listagem-item .acoes-produto {
  position: relative !important;
  top: -12px !important;
}

/* Base dos botões */
.add-wishlist,
.botao-comprar {
  width: 36px !important;
  height: 36px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* QUADRADO */
  border-radius: 4px !important;

  border: none !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 4px !important;

  background: rgba(255, 255, 255, 0.5) !important;
}

/* Wishlist – vermelho */
.add-wishlist svg path {
  fill: #dc2626 !important;
  opacity: 0.7 !important;
}

/* Comprar – verde */
.botao-comprar svg path {
  fill: #16a34a !important;
  opacity: 0.7 !important;
}


/* Botão comprar com fonte verde e contorno no hover */
div.comprar a.botao.botao-comprar.principal.grande {
    color: #25D366 !important;           /* Fonte verde */
    background-color: #ffffff !important; /* Fundo branco ou padrão do tema */
    border: 2px solid transparent;       /* Contorno inicial invisível */
    border-radius: 5px;                  /* Borda arredondada */
    padding: 12px 25px;                  /* Padding confortável */
    font-size: 16px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;           /* Animação suave */
}

/* Hover - contorno verde e fundo levemente esverdeado */
div.comprar a.botao.botao-comprar.principal.grande:hover {
    border: 2px solid #25D366;           /* Contorno verde */
    color: #25D366;                       /* Fonte verde no hover também */
    background-color: rgba(37,211,102,0.1); /* Fundo levemente esverdeado */
}