/* Custom styles for standalone static upsell page */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #020617;
  color: #f8fafc;
}

h1, h2, h3, .font-heading {
  font-family: 'Outfit', sans-serif;
}

@keyframes pulseSlow {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.92; transform: scale(1.015); }
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.animate-pulse-slow {
  animation: pulseSlow 2.5s infinite ease-in-out;
}

.animate-shimmer {
  animation: shimmer 2s infinite;
}

/* Wiapy Widget custom styling */
#wiapy_upsell {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

/* Main Accept Offer Button */
#wiapy_upsell a[href*="checkout"],
#wiapy_upsell a[href*="wiapy.com"],
#wiapy_upsell button,
#wiapy_upsell .wiapy-btn,
#wiapy_upsell a:first-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 18px 28px !important;
  background-color: #00d769 !important;
  color: #020617 !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px -5px rgba(0, 215, 105, 0.5), 0 0 20px rgba(0, 215, 105, 0.3) !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

#wiapy_upsell a[href*="checkout"]:hover,
#wiapy_upsell a[href*="wiapy.com"]:hover,
#wiapy_upsell button:hover,
#wiapy_upsell .wiapy-btn:hover,
#wiapy_upsell a:first-of-type:hover {
  background-color: #00b85a !important;
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 15px 35px -5px rgba(0, 215, 105, 0.7), 0 0 30px rgba(0, 215, 105, 0.5) !important;
}

/* Refusal Link Styling for Dark Mode Contrast */
#wiapy_upsell a[href*="novad"],
#wiapy_upsell a[href*="ofertaespecialshop"],
#wiapy_upsell a[href*="login"],
#wiapy_upsell a:nth-of-type(2),
#wiapy_upsell a.refusal-link {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 6px !important;
  padding: 8px !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color 0.2s ease-in-out !important;
  cursor: pointer !important;
}

#wiapy_upsell a[href*="novad"]:hover,
#wiapy_upsell a[href*="ofertaespecialshop"]:hover,
#wiapy_upsell a[href*="login"]:hover,
#wiapy_upsell a:nth-of-type(2):hover {
  color: #ffffff !important;
}