/* Glassy Neon Add to Cart Button */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-archive-products .woocommerce ul.products li.product a.button,
.elementor-widget-woocommerce-archive-products .woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid #39FF14 !important;
    color: #39FF14 !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.2) !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease-in-out !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Fix Elementor specific width on archives */
.elementor-widget-woocommerce-archive-products .woocommerce ul.products li.product a.button {
    width: 100% !important;
}

/* Hover State */
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .button:hover,
.elementor-widget-woocommerce-archive-products .woocommerce ul.products li.product a.button:hover,
.elementor-widget-woocommerce-archive-products .woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: rgba(57, 255, 20, 0.15) !important;
    color: #39FF14 !important;
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.6), inset 0 0 10px rgba(57, 255, 20, 0.2) !important;
    border-color: #39FF14 !important;
    transform: translateY(-2px) !important;
}

/* Loading State */
.woocommerce ul.products li.product a.button.loading,
.woocommerce ul.products li.product .button.loading,
.woocommerce div.product form.cart .button.loading {
    opacity: 0.7 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Added State */
.woocommerce ul.products li.product a.button.added,
.woocommerce ul.products li.product .button.added {
    background-color: #39FF14 !important;
    color: #000 !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.5) !important;
}