/* === GOLD JOALHERIA - BOTÕES PREMIUM v4.5 === */

.gold-button-wrapper {
  text-align: center;
  margin-top: 15px;
}

/* === BOTÃO PRINCIPAL (PÁGINA DO PRODUTO) === */
.single_add_to_cart_button {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  padding: 9px 22px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #d4af37, #b8860b);
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 10px rgba(180, 135, 20, 0.25);
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  animation: softPulse 3.5s infinite;
}

/* === BOTÕES DAS LISTAS E CARROSSEIS (HOME) === */
.products .button,
.wd-add-cart-btn,
.add_to_cart_button,
.product-grid .button {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  /* padding: 7px 18px !important; */ /* 🔹 desativado conforme solicitado */
  font-size: 12.5px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #e2c14d, #b88a1a);
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 6px rgba(180, 135, 20, 0.25);
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  transition: all 0.25s ease-in-out;
  position: relative;
  overflow: hidden;
  animation: carouselPulse 2.4s infinite ease-in-out;
  line-height: 1.2em !important;
  min-height: 32px;
}

/* === VARIÁVEIS / VER OPÇÕES === */
.product_type_variable,
.button.product_type_variable {
  background: linear-gradient(135deg, #cda434, #b88a1a) !important;
  color: #fff !important;
}

/* === HOVER === */
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.wd-add-cart-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(145deg, #f3cc59, #d4af37);
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.45);
  color: #fff !important;
}

/* === ANIMAÇÕES === */
@keyframes softPulse {
  0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.5); }
  70% { box-shadow: 0 0 0 6px rgba(212, 175, 55, 0); }
  100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

@keyframes carouselPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.5); }
  50% { transform: scale(1.07); box-shadow: 0 0 12px 3px rgba(212, 175, 55, 0.4); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

/* === BRILHO LUXUOSO === */
.single_add_to_cart_button::after,
.add_to_cart_button::after,
.wd-add-cart-btn::after,
.products .button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.15)
  );
  transform: skewX(-25deg);
  transition: left 0.7s;
}
.single_add_to_cart_button:hover::after,
.add_to_cart_button:hover::after,
.products .button:hover::after {
  left: 130%;
}

/* === TIPOGRAFIA === */
.single_add_to_cart_button span,
.add_to_cart_button span,
.products .button span {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  color: #fff !important;
}

/* === CONFETE DOURADO === */
.gold-confetti-container {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 99999;
}
.gold-confetti {
  position: absolute;
  width: 8px; height: 8px;
  background: linear-gradient(135deg, #f5d96f, #d4af37);
  opacity: .9;
  animation: confetti-fall linear forwards;
}
@keyframes confetti-fall {
  from { transform: translateY(-100vh) rotate(0deg); opacity: 1; }
  to { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

/* === POPUP DE CELEBRAÇÃO === */
.gold-message-popup {
  position: fixed; top: 30%; left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(0,0,0,0.85);
  color: #ffd700;
  border: 2px solid #c59a38;
  border-radius: 12px;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  z-index: 99998;
  animation: popup-show .5s ease forwards;
}
@keyframes popup-show {
  from { transform: translate(-50%, -50%) scale(0); opacity: 0; }
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
.gold-message-popup.hide {
  animation: popup-hide .4s ease forwards;
}
@keyframes popup-hide {
  to { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}

/* === CORREÇÃO MOBILE: ÍCONE DO CARRINHO === */
@media (max-width: 767px) {
  .single_add_to_cart_button,
  .add_to_cart_button,
  .wd-add-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important; /* espaço entre ícone e texto */
  }

  .single_add_to_cart_button i,
  .add_to_cart_button i,
  .wd-add-cart-btn i,
  .single_add_to_cart_button svg,
  .add_to_cart_button svg,
  .wd-add-cart-btn svg {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin-right: 4px !important;
    font-size: 15px !important;
  }

  .single_add_to_cart_button::before,
  .add_to_cart_button::before,
  .wd-add-cart-btn::before {
    display: none !important;
  }
}
