/* 🔥 Flash Deals Ticker (Fade style) */
.fd-ticker {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(to right, #ff6a00, #ee0979);
  color: white;
  padding: 12px 22px;
  border-radius: 40px;
  font-size: 15px;
  font-weight: bold;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  max-width: 90%;
  transition: all 0.3s ease-in-out;
}

.fd-ticker-content {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  text-decoration: underline dotted;
}

/* ✅ Fade-in class toggle */
.fd-ticker-content.fade-in {
  opacity: 1;
}

/* ⏸️ Pause ticker on hover */
.fd-ticker:hover .fd-ticker-content {
  animation-play-state: paused;
}

/* 📱 Mobile-friendly */
@media (max-width: 600px) {
  .fd-ticker {
    font-size: 14px;
    padding: 10px 16px;
    bottom: 15px;
    right: 15px;
    border-radius: 30px;
  }
  .fd-ticker-content {
    font-size: 14px;
  }
}

/* ✅ Apply to all elements inside the ticker */
#flash-deals-ticker * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-style: solid !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ✅ Apply to clickable text specifically */
#flash-deals-ticker span,
#flash-deals-ticker a,
#flash-deals-ticker strong,
#flash-deals-ticker b {
  text-decoration: none !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
  cursor: pointer;
}

/* ✅ Kill all browser focus styles */
#flash-deals-ticker span:focus,
#flash-deals-ticker span:active,
#flash-deals-ticker *:focus,
#flash-deals-ticker *:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  text-decoration: none !important;
}

/* Optional: add hover effect if needed */
#flash-deals-ticker span:hover {
  text-decoration: none !important;
}