/* ===================================================
   FLASH SALE BUTTON OVERRIDE - WAVE ANIMATION
   MAXIMUM POWER - REMOVES ALL PREVIOUS STYLES
   =================================================== */

/* Wave Animation */
@keyframes flashSaleWave {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 100% center;
    }
    100% {
        background-position: 0% center;
    }
}

/* REMOVE ALL INLINE & INHERITED BACKGROUNDS FOR FS BUTTONS */
.fs-buy-btn,
button.fs-buy-btn,
a.fs-buy-btn,
.flash-sale-card .fs-buy-btn,
.flash-sale-section .fs-buy-btn,
[class*="fs-buy-btn"],
[class*="fs-buy-btn"] * {
    background-image: none !important;
    background-color: transparent !important;
}

/* SET NEW STYLE - WAVE ANIMATION */
.fs-buy-btn,
button.fs-buy-btn,
a.fs-buy-btn,
.flash-sale-card .fs-buy-btn,
.flash-sale-section .fs-buy-btn {
    background: linear-gradient(90deg, #3b82f6 0%, #1e40af 50%, #3b82f6 100%) !important;
    background-attachment: fixed !important;
    background-size: 200% 200% !important;
    animation: flashSaleWave 2s linear infinite !important;
    box-shadow: 0 2px 8px rgba(30, 64, 175, 0.4) !important;
    color: #fff !important;
    border: none !important;
}

.fs-buy-btn:hover,
button.fs-buy-btn:hover,
a.fs-buy-btn:hover,
.flash-sale-card .fs-buy-btn:hover,
.flash-sale-section .fs-buy-btn:hover {
    background: linear-gradient(90deg, #1e40af 0%, #1e3a8a 50%, #1e40af 100%) !important;
    background-attachment: fixed !important;
    background-size: 200% 200% !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.5) !important;
    animation: flashSaleWave 2s linear infinite !important;
}