/**
 * Filename:      global-quantity-styles.css
 * Plugin Name:   IDK WooCommerce Customized (MU)
 * Description:   Contains global styles for the quantity input fields used in cart, mini-cart, and product pages.
 * Version:       1.2
 * Author:        André Gansel
 */

/* Main container for all quantity selectors */
.woocommerce .quantity {

    display: flex;
    margin-right: 0 !important;
    border-radius: 0 !important;
    width: min-content !important;

}

.woocommerce div.quantity {

    border: 1px solid rgba(0, 0, 0, 0.1) !important;

}

/* Common button styles */
.woocommerce .quantity .plus,
.woocommerce .quantity .minus {

    cursor: pointer;
    background-color: transparent; /* A neutral default */

}

/* Base size for all elements */
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .input-text.qty {

    padding: 0;
    margin: 0;
    text-align: center;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent;

}

/* Remove default number input spinners */
.woocommerce .quantity .input-text.qty::-webkit-outer-spin-button,
.woocommerce .quantity .input-text.qty::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.woocommerce .quantity .input-text.qty[type=number] {
    
    -moz-appearance: textfield;
    background: #ffffff;

}

/* --- SPECIFIC SIZES --- */

/* Size for Product Page quantity input */
.woocommerce div.product form.cart div.quantity .plus,
.woocommerce div.product form.cart div.quantity .minus,
.woocommerce div.product form.cart div.quantity .input-text.qty {

    height: 50px;
    width: 50px !important;
    font-size: 22px !important;
    padding: 0 !important;

}


/* Size for Mini-Cart and Cart Page quantity inputs */
.woocommerce-mini-cart .quantity .plus,
.woocommerce-mini-cart .quantity .minus,
.woocommerce-mini-cart .quantity .input-text.qty,
.woocommerce-cart-form .quantity .plus,
.woocommerce-cart-form .quantity .minus,
.woocommerce-cart-form .quantity .input-text.qty {

    height: 35px;
    width: 35px !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #3a3a3a !important;

}

/* summary on mini-cart bottom (Zwischensumme) */
.nectar-slide-in-cart.style_slide_in_click .total * {

    font-size: 22px !important;
    font-weight: 500 !important;

}

/* --- NEW: STYLING FOR THE PRICE WRAPPER INSIDE QUANTITY --- */
.woocommerce .quantity #idk-live-total-price-wrapper {
    display: flex;
    align-items: center;
    padding: 0 15px;
    background-color: transparent;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 22px !important;
    font-weight: 500 !important;
    white-space: nowrap;
}