/* ==========================================================================
   UNIFIED BUTTON STYLING (EMERALD GLASSY & SHINE ANIMATION)
   ========================================================================== */

/* Universal target: Home buttons, Add to Cart (single & loops), Choice/Option buttons, Cart, Checkout */
.elementor-button,
.button.add_to_cart_button,
.button.single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background: rgba(16, 185, 129, 0.2) !important; /* Emerald green glassy base */
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.15), 
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* Metallic Reflection / Shine Overlay Effect */
.elementor-button::after,
.button.add_to_cart_button::after,
.button.single_add_to_cart_button::after,
.woocommerce button.button.alt::after,
.woocommerce a.button.alt::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce #respond input#submit::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -60% !important;
    width: 30% !important;
    height: 200% !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: rotate(25deg) !important;
    transition: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Hover States: Intensify green, lift slightly, and trigger the sliding shine reflection */
.elementor-button:hover,
.button.add_to_cart_button:hover,
.button.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: rgba(16, 185, 129, 0.45) !important;
    border-color: rgba(52, 211, 153, 0.7) !important; /* Brighter emerald border */
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Trigger animation on hover */
.elementor-button:hover::after,
.button.add_to_cart_button:hover::after,
.button.single_add_to_cart_button:hover::after,
.woocommerce button.button.alt:hover::after,
.woocommerce a.button.alt:hover::after,
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.woocommerce #respond input#submit:hover::after {
    opacity: 1 !important;
    left: 130% !important;
    transition: left 0.8s ease-in-out !important;
}

/* Active/Press state */
.elementor-button:active,
.button.add_to_cart_button:active,
.button.single_add_to_cart_button:active,
.woocommerce button.button.alt:active,
.woocommerce a.button.alt:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.25) !important;
}


/* PURE EMERALD GLASSY WITH LUMINOUS WHITE TEXT OVERRIDE */
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce-page button.button.alt.single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce-mini-cart__buttons a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
    background: linear-gradient(135deg, rgba(4, 47, 31, 0.95) 0%, rgba(16, 185, 129, 0.6) 100%) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.75) !important;
    color: #ffffff !important;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 1),
        0 0 20px rgba(16, 185, 129, 0.8),
        0 1px 3px rgba(0, 0, 0, 0.6) !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 
        0 4px 20px rgba(16, 185, 129, 0.4),
        inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 767px) {
    .woocommerce button.button.alt.single_add_to_cart_button,
    .woocommerce div.product .single_add_to_cart_button,
    .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        color: #ffffff !important;
        text-shadow: 
            0 0 10px rgba(255, 255, 255, 1),
            0 0 20px rgba(16, 185, 129, 0.8) !important;
        background: linear-gradient(135deg, #042f1f 0%, rgba(16, 185, 129, 0.8) 100%) !important;
    }
}