/* Correção para o botão Adicionar ao Carrinho */

/* Garantir que o wrapper seja exibido corretamente */
.product-card-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
  width: 100% !important;
  position: relative !important;
}

/* Garantir que o botão seja exibido corretamente */
.add-to-cart-standalone {
  display: block !important;
  visibility: visible !important;
  width: 100% !important; /* Mantém a largura original em todas as versões */
  max-width: 100% !important;
  margin: 0.2rem 0 !important; /* Sem centralização forçada */
  padding: 0.38rem 0 !important; /* Base desktop intacta */
  position: relative !important;
  z-index: 999 !important;
  background: linear-gradient(180deg, #d64a4a, #b70000) !important; /* Vermelho elegante */
  border: 1px solid rgba(0,0,0,0.06) !important; /* Sutil */
  border-radius: 10px !important; /* Cantos mais suaves e modernos */
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease !important;
  height: auto !important;
  min-height: 30px !important; /* Altura base desktop */
  outline: none !important;
  box-shadow: 0 2px 6px rgba(183, 0, 0, 0.18) !important; /* Sombra sutil */
  font-size: 0.72rem !important; /* Texto base desktop */
  text-transform: uppercase !important;
  letter-spacing: 0.35px !important;
}

/* Ícone mais discreto e alinhado */
.add-to-cart-standalone i {
  font-size: 0.75rem !important;
  color: #fff !important;
  margin-right: 0.35rem !important;
}

/* Estado hover */
.add-to-cart-standalone:hover:not([disabled]) {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(183, 0, 0, 0.22) !important;
  background: linear-gradient(180deg, #c93e3e, #a10000) !important;
}

/* Estado active */
.add-to-cart-standalone:active:not([disabled]) {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

/* Estado adicionado */
.add-to-cart-standalone.added {
  background: linear-gradient(135deg, #28a745, #20c997) !important;
  color: #fff !important;
}

.add-to-cart-standalone.added i {
  color: #fff !important;
}

/* Estado desabilitado */
.add-to-cart-standalone[disabled] {
  background: linear-gradient(135deg, #999, #777) !important;
  color: #ccc !important;
  cursor: not-allowed !important;
}

.add-to-cart-standalone[disabled] i {
  color: #ccc !important;
}

.add-to-cart-standalone[disabled]:hover {
  transform: none !important;
  box-shadow: 0 5px 15px rgba(44, 62, 80, 0.05), 0 3px 6px rgba(189, 195, 199, 0.1) !important;
}

/* Responsividade: reduzir APENAS o comprimento no mobile */
@media (max-width: 768px) {
  .add-to-cart-standalone {
    width: 100% !important; /* mantém a largura */
    max-width: 100% !important;
    margin: 0.2rem 0 !important; /* mesma margem */
    padding: 0.28rem 0 !important; /* menor para reduzir comprimento */
    font-size: 0.62rem !important; /* texto um pouco menor */
    min-height: 26px !important; /* altura menor */
    border-radius: 9px !important;
  }
  
  .add-to-cart-standalone i {
    font-size: 0.68rem !important;
  }
}

@media (max-width: 480px) {
  .add-to-cart-standalone {
    width: 95% !important; /* 5% menor em telas pequenas */
    max-width: 95% !important;
    margin: 0.2rem auto !important; /* Centralizado */
    padding: 0.24rem 0 !important; /* mantém ajustes anteriores de comprimento */
    font-size: 0.58rem !important;
    min-height: 24px !important;
    border-radius: 8px !important;
  }
  
  .add-to-cart-standalone i {
    font-size: 0.64rem !important;
  }
}

/* Remover estilos de teste de depuração (borda/fundo roxo) se existirem */
.add-to-cart-standalone.debug-remove-test {
  border: none !important;
  background: inherit !important;
}