/**
 * Desktop Fix for Variable Products - Add to Cart Button
 * 
 * Ensures Add to Cart button is properly sized on desktop for variable products
 * ONLY applies to desktop - mobile has separate handling
 * 
 * @package Commerce_Elite
 */

/* ============================================
   DESKTOP ONLY - VARIABLE PRODUCTS CART FIX
   ============================================ */

@media (min-width: 769px) {
    /* Ensure variations form doesn't break layout */
    .single-product-wrapper .variations_form {
        width: 100% !important;
    }

    /* Cart container - ensure proper flex behavior */
    .single-product-wrapper .variations_form .cart {
        display: flex !important;
        flex-direction: row !important;
        gap: 1rem !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    /* Quantity selector - fixed width */
    .single-product-wrapper .variations_form .quantity {
        flex: 0 0 120px !important;
        width: 120px !important;
    }

    /* Add to Cart button - should flex to fill remaining space */
    .single-product-wrapper .variations_form .single_add_to_cart_button {
        flex: 1 !important;
        min-width: 0 !important;
        width: auto !important;
    }

    /* Ensure button wrapper doesn't restrict width */
    .single-product-wrapper .variations_form .woocommerce-variation-add-to-cart {
        display: flex !important;
        width: 100% !important;
        gap: 1rem !important;
    }

    /* Fix for variations button specifically */
    .single-product-wrapper .variations_form button.single_add_to_cart_button {
        flex: 1 !important;
        min-width: 250px !important;
    }

    /* Ensure proper height */
    .single-product-wrapper .variations_form .single_add_to_cart_button {
        height: 56px !important;
        min-height: 56px !important;
    }

    /* Reset variations wrapper if it exists */
    .single-product-wrapper .woocommerce-variation-add-to-cart-enabled {
        width: 100% !important;
    }
}