.elementor-1872 .elementor-element.elementor-element-1cb0334{--display:flex;}#elementor-popup-modal-1872{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1872 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1872 .dialog-close-button{display:flex;}#elementor-popup-modal-1872 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-c034c09 *//* ==========================================================================
   MDA LOGISTICS - GLOBAL ELEMENTOR POPUP BUTTON RIGHT-ALIGNMENT FIX
   ========================================================================== */

/* Target any submit button container wrapper inside an Elementor modal container */
.elementor-popup-modal .mda-submit-wrap {
    display: flex !important;
    justify-content: flex-end !important; /* Forces the button tightly against the right-hand wall */
    width: 100% !important;
    margin-top: 25px !important;
    box-sizing: border-box !important;
}

/* Ensure individual form buttons maintain their natural auto width limits */
.elementor-popup-modal .mda-submit-btn {
    width: auto !important;
    display: inline-block !important;
}

/* Responsive Rule: Keep buttons centered and full-width on mobile screens for natural thumb-clicking */
@media screen and (max-width: 767px) {
    .elementor-popup-modal .mda-submit-wrap {
        justify-content: center !important; /* Centers button on mobile viewports */
    }
    .elementor-popup-modal .mda-submit-btn {
        width: 100% !important; /* Stretches edge-to-edge on phones for clear layout safety */
    }
    
}
/* Force the Dispatch Service popup checklist selections to stack vertically */
.mda-dispatch-form .mda-checkbox span.wpcf7-form-control-wrap {
    display: flex !important;
    flex-direction: column !important; /* Forces the items to line up straight down on a single axis */
    align-items: flex-start !important; /* Left-aligns all square checkbox components */
    gap: 12px !important;              /* Adds balanced vertical breathing room between rows */
    width: 100% !important;
}

/* Align layout parameters for each individual list line item block */
.mda-dispatch-form .mda-checkbox span.wpcf7-list-item {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important; /* Centers the check box box perfectly with its text string line */
    text-align: left !important;
    width: 100% !important;
}/* End custom CSS */