/*
 * Unified Quantity Component Stylesheet (Version 8.0 - Final Flexbox Fix)
*/

/* --- 1. Base container styles --- */
.quantity.js-initialized {
    display: flex !important; align-items: center !importan; gap: 5px !important; height: 40px !important;
}
.quantity.js-initialized .quantity-buttons {
    display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 38px !important;
}

/* --- 2. THE FINAL UNIFIED RULE for the NUMBER INPUT --- */
.woocommerce-page .quantity.js-initialized input.qty,
.elementor-widget-woocommerce-cart .woocommerce .quantity.js-initialized input.qty,
.elementor-19978 .elementor-element.elementor-element-afcfeb8 .quantity.js-initialized input.qty {
    all: unset !important; display: inline-block !important; width: 60px !important; height: 40px !important; text-align: center !important; border: 1px solid #ccc !important; border-radius: 8px !important; font-size: 16px !important; color: #000 !important; background: #fff !important; box-sizing: border-box !important; -moz-appearance: textfield !important;
}
.woocommerce-page .quantity.js-initialized input.qty::-webkit-outer-spin-button,
.woocommerce-page .quantity.js-initialized input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important; margin: 0 !important;
}


/* --- 3. THE FINAL UNIFIED RULE for the BUTTONS (with Flex Centering) --- */
.woocommerce-page .quantity.js-initialized .quantity-buttons button,
.elementor-widget-woocommerce-cart .woocommerce .quantity.js-initialized .quantity-buttons button,
.elementor-19978 .elementor-element.elementor-element-afcfeb8 .quantity.js-initialized .quantity-buttons button {
    all: unset !important; /* Reset everything */
    display: flex !important;
    align-items: center !important; /* Vertical Centering */
    justify-content: center !important; /* Horizontal Centering */
    width: 28px !important;
    height: 17px !important;
    border: 1px solid #ccc !important;
    background-color: #f9f9f9 !important;
    color: #1B533F !important;
    font-weight: bold !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    line-height: 1 !important; /* Add for consistency */
}

/* --- 4. THE FINAL UNIFIED RULE for the HOVER STATE --- */
.woocommerce-page .quantity.js-initialized .quantity-buttons button:hover,
.elementor-widget-woocommerce-cart .woocommerce .quantity.js-initialized .quantity-buttons button:hover,
.elementor-19978 .elementor-element.elementor-element-afcfeb8 .quantity.js-initialized .quantity-buttons button:hover {
    background-color: #1B533F !important;
    color: white !important;
    border-color: #1B533F !important;
}

/* --- 5. FINAL ALIGNMENT for Product Page Container --- */
.elementor-19978 .elementor-element.elementor-element-afcfeb8 .cart {
    align-items: center !important;
}
/* --- 6. FINAL FIX for "Ver Carrinho" AJAX Button --- */
/* This rule targets the button in the success message pop-up */
.woocommerce-message .button.wc-forward {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 11px 17px !important;
    display: inline-block !important;
    border: 1px solid #1B533F !important;
    background-color: #1B533F !important;
    color: #ffffff !important; /* Force text to white */
}
.woocommerce-message .button.wc-forward:hover {
    background-color: #ffffff !important;
    color: #1B533F !important;
}
.woocommerce-message {
    position: relative !important;
    padding-right: 160px !important;
}