/**
 * MEEM Gold — shining gradient buttons (storefront)
 */

@keyframes wcGoldBtnGradient {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes wcGoldBtnGlow {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.42),
            0 4px 14px rgba(184, 134, 11, 0.34);
    }
    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.55),
            0 8px 24px rgba(212, 175, 55, 0.52),
            0 0 20px rgba(255, 215, 0, 0.22);
    }
}

.wc-btn-gold-shine,
.btn-login,
.btn-register:not([style*="#6b7280"]):not([style*="4b5563"]),
.sa-send-btn,
.homepage-modern .btn-primary,
.template-product .pd-btn-cart,
.template-product .pd-action-form button.pd-btn-cart,
.template-product .pd-btn-login,
.template-product .pd-action-form a.pd-btn-login,
.template-product .pd-btn-installment,
a.login-btn,
button.login-btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(
        115deg,
        #8b6914 0%,
        #b8860b 18%,
        #ffd700 42%,
        #d4af37 58%,
        #b8860b 82%,
        #8b6914 100%
    ) !important;
    background-size: 220% 100% !important;
    color: #fff !important;
    border: none !important;
    text-decoration: none;
    animation:
        wcGoldBtnGradient 4.2s ease-in-out infinite,
        wcGoldBtnGlow 3s ease-in-out infinite;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.wc-btn-gold-shine::after,
.btn-login::after,
.btn-register:not([style*="#6b7280"]):not([style*="4b5563"])::after,
.sa-send-btn::after,
.homepage-modern .btn-primary::after,
.template-product .pd-btn-cart::after,
.template-product .pd-action-form button.pd-btn-cart::after,
.template-product .pd-btn-login::after,
.template-product .pd-action-form a.pd-btn-login::after,
.template-product .pd-btn-installment::after,
a.login-btn::after,
button.login-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 30%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.08) 70%,
        transparent 100%
    );
    animation: wcGoldBtnSweep 3.8s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes wcGoldBtnSweep {
    0% {
        left: -130%;
    }
    45%, 100% {
        left: 130%;
    }
}

.wc-btn-gold-shine > *,
.btn-login > *,
.btn-register:not([style*="#6b7280"]):not([style*="4b5563"]) > *,
.sa-send-btn > *,
.homepage-modern .btn-primary > *,
.template-product .pd-btn-cart > *,
.template-product .pd-action-form button.pd-btn-cart > *,
.template-product .pd-btn-login > *,
.template-product .pd-action-form a.pd-btn-login > *,
.template-product .pd-btn-installment > *,
a.login-btn > *,
button.login-btn > * {
    position: relative;
    z-index: 2;
}

.wc-btn-gold-shine:hover,
.btn-login:hover,
.btn-register:not([style*="#6b7280"]):not([style*="4b5563"]):hover,
.sa-send-btn:hover,
.homepage-modern .btn-primary:hover,
.template-product .pd-btn-cart:hover,
.template-product .pd-action-form button.pd-btn-cart:hover,
.template-product .pd-btn-login:hover,
.template-product .pd-action-form a.pd-btn-login:hover,
.template-product .pd-btn-installment:hover,
a.login-btn:hover,
button.login-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    color: #fff !important;
}

.wc-btn-gold-shine:active,
.btn-login:active,
.btn-register:not([style*="#6b7280"]):not([style*="4b5563"]):active,
.sa-send-btn:active,
.homepage-modern .btn-primary:active,
.template-product .pd-btn-cart:active,
.template-product .pd-action-form button.pd-btn-cart:active,
.template-product .pd-btn-login:active,
.template-product .pd-action-form a.pd-btn-login:active,
.template-product .pd-btn-installment:active,
a.login-btn:active,
button.login-btn:active {
    transform: translateY(0);
    filter: brightness(0.98);
}

.wc-btn-gold-shine:disabled,
.btn-register:disabled {
    animation: none;
    opacity: 0.62;
    cursor: not-allowed;
    transform: none;
    filter: none;
}

@media (prefers-reduced-motion: reduce) {
    .wc-btn-gold-shine,
    .btn-login,
    .btn-register:not([style*="#6b7280"]):not([style*="4b5563"]),
    .sa-send-btn,
    .homepage-modern .btn-primary,
    .template-product .pd-btn-cart,
    .template-product .pd-action-form button.pd-btn-cart,
    .template-product .pd-btn-login,
    .template-product .pd-action-form a.pd-btn-login,
    .template-product .pd-btn-installment,
    a.login-btn,
    button.login-btn {
        animation: none;
        background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important;
    }

    .wc-btn-gold-shine::after,
    .btn-login::after,
    .btn-register:not([style*="#6b7280"]):not([style*="4b5563"])::after,
    .sa-send-btn::after,
    .homepage-modern .btn-primary::after,
    .template-product .pd-btn-cart::after,
    .template-product .pd-action-form button.pd-btn-cart::after,
    .template-product .pd-btn-login::after,
    .template-product .pd-action-form a.pd-btn-login::after,
    .template-product .pd-btn-installment::after,
    a.login-btn::after,
    button.login-btn::after {
        animation: none;
        display: none;
    }
}