<?php
// Add the Plus Minus Signs to Wooocommerce
add_action('wp_footer', function() {
<style>
/* Quantity buttons container */
.quantity {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

/* Plus and Minus buttons */
.qty-btn {
    width: 35px;
    height: 35px;
    background: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.qty-btn:hover {
    background: #e0e0e0;
    border-color: #999;
}

.qty-btn:active {
    background: #d0d0d0;
}

/* Quantity input */
input.qty {
    width: 60px;
    height: 35px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    -moz-appearance: textfield;
}

input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Keep form layout inline */
.elementor-widget-wc-add-to-cart form.cart,
.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Cart page styling */
.woocommerce-cart .quantity {
    margin: 0 auto;
}
</style>

<script>
    jQuery(document).ready(function($) {
        // Plus button
        $(document).on('click', '.qty-plus', function(e) {
            e.preventDefault();
            var $input = $(this).siblings('input.qty');
            var val = parseInt($input.val()) || 0;
            var max = parseInt($input.attr('max')) || 999;
            
            if (val < max) { $input.val(val + 1).trigger('change'); } }); // Minus button $(document).on('click', '.qty-minus', function(e) { e.preventDefault(); var $input = $(this).siblings('input.qty'); var val = parseInt($input.val()) || 0; var min = parseInt($input.attr('min')) || 1; if (val > min) {
                $input.val(val - 1).trigger('change');
            }
        });
        
        // Auto-update cart on quantity change
        if ($('body').hasClass('woocommerce-cart')) {
            var updateTimer;
            $(document).on('change', 'input.qty', function() {
                clearTimeout(updateTimer);
                updateTimer = setTimeout(function() {
                    $('[name="update_cart"]').removeAttr('disabled').trigger('click');
                }, 500);
            });
        }
    });
    </script>
    <?php