.woocommerce .product .cro-atc-button {
    form.cart:before { content: unset; }

    .jec-qty-field { display: flex; }

    /* general form (usually single product) */
    .jec-button-qty-container {
        display: flex;
        flex-grow: 1;
        gap: 3px;
        div.quantity { 
            margin: 0;
            input { height: 100%;}
        }
    }

    /* variable form */
    form.variations_form {
        flex-direction: column;
        .variations {
            th.label { text-align: left; }
        }
        
        .woocommerce-variation-add-to-cart {
            display: flex;
            gap: 10px;
            div.quantity { 
                margin: 0;
                /* input { height: 100%; border: 1px solid; } */
            }
        }
    }

    .jec-button-area {
        flex-grow: 1;
        display: flex;
        .add_to_cart_button { text-align: center; }
    }
    .jec-qty-field .quantity { height: 100%; }
    .jec-qty-field:empty + .jec-button-area { padding-left:0; }

    .add_to_cart_button[data-notify="true"] { display: none; }
    .add_to_cart_button[data-notify="true"] + .out_of_stock { visibility: visible!important; }
    .out_of_stock { transition:none!important; }
    /* .add_to_cart_button.hidden,
    .add_to_cart_button:not(.hidden) + .out_of_stock,
    .jec-qty-field:has(.hidden) { display: none!important; } */

    /* .jec-button-qty-container:has(.hidden) { display: none!important; } */

    .cart.grouped_form { flex-direction: column; }
    form.cart { margin-bottom: 0; }
}


.cro-atc-layout-stacked .jec-button-qty-container { flex-direction: column; }
.cro-atc-align-center  .jec-button-area { justify-content: center; }
.cro-atc-align-right   .jec-button-area { justify-content: right; }
.cro-atc-align-justify .jec-button-area .add_to_cart_button { flex-grow: 1; }
.cro-atc-hide-arrows-yes {
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
    input[type=number] {
        -moz-appearance:textfield; /* Firefox */
    }
}