/*
 * Styles for the Direct Order Button Plugin to display buttons side-by-side.
 * Version 1.4.0: Overrides theme's fixed min-width based on user feedback.
 */

/* This rule styles the wrapper that holds both buttons */
form.cart .dob-buttons-wrapper {
    display: flex !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 15px;
}

/* This rule styles the individual buttons inside the wrapper */
form.cart .dob-buttons-wrapper .button {
    flex-grow: 1; /* Allows buttons to expand equally */
    width: calc(50% - 10px) !important; /* Calculates width for two buttons with a 20px gap */
    
    /* --- THIS IS THE FIX --- */
    /* Resets the theme's "min-width: 200px" which was causing the layout issue. */
    min-width: 0 !important; 
    
    margin: 0 !important; /* Override any default margins */
    box-sizing: border-box !important; /* Ensures padding is included in the width calculation */
}

/* Hide default Add to Cart button when option is enabled */
.dob-hide-add-to-cart form.cart .single_add_to_cart_button {
    display: none !important;
}

/* Force the direct order now button to span full-width inside the wrapper */
.dob-hide-add-to-cart form.cart .dob-buttons-wrapper {
    display: block !important;
}

.dob-hide-add-to-cart form.cart .dob-buttons-wrapper .direct-order-now-btn {
    width: 100% !important;
}