/* Fix for WooCommerce quantity input field visibility - Keep spinners visible */
.woocommerce .quantity input[type="number"],
.woocommerce-page .quantity input[type="number"],
.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty,
input[type="number"].qty {
    width: 55px !important;
    min-width: 55px !important;
    padding: 6px 18px 6px 6px !important;
    text-align: center !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

/* Alternative: Position spinners to not overlap the number */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
}

.quantity .qty {
    height: 40px !important;
    line-height: 40px !important;
}

/* Ensure proper spacing in product pages */
.product .quantity input.qty,
.single-product .quantity input.qty {
    width: 70px !important;
    padding: 8px 5px !important;
}

/* Cart page quantity inputs */
.woocommerce table.cart .quantity input.qty {
    width: 60px !important;
    padding: 5px !important;
}