.elementor-1813 .elementor-element.elementor-element-6c587b8{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-529c24b *//* Align the 'Other:' checkbox row cleanly side-by-side with its text field input box */
.mda-other-align-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Vertically aligns input box with check label */
    gap: 10px !important;
    margin-top: -5px !important; /* Pulls row closer to the checklist group block */
}

/* Specific component allocations */
.mda-other-check-box {
    flex: 0 0 auto !important;
    width: auto !important;
}

.mda-other-text-input {
    flex: 1 1 auto !important;
}

/* Force the text input line inside the custom other block to look clean */
.mda-other-text-input input[type="text"] {
    height: 40px !important; /* Slightly shorter box to match checkbox line baseline balance */
    border-bottom: 1px solid #cbd5e1 !important; /* Creates a clean, under-lined form style look */
}

/* Mobile Layout adaptation for the text alignment block */
@media (max-width: 767px) {
    .mda-other-align-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    .mda-other-text-input {
        width: 100% !important;
    }
}
/* Sync the tracking form block container padding with the dispatch form */
.mda-shipment-form .mda-form-step-block {
    padding: 35px !important;              /* Matches dispatch internal padding precisely */
    border: 1px solid #e2e8f0 !important;   /* Matches structural border */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; /* Synced soft drop shadow */
}

/* Ensure the outer margin wrappers align perfectly with identical spacing */
.mda-shipment-wrapper {
    padding: 30px 100px !important;         /* Matches dispatch outer boundary breathing room */
}

/* Tablet & Mobile responsive fallback alignment adjustment */
@media screen and (max-width: 767px) {
    .mda-shipment-form .mda-form-step-block {
        padding: 20px !important;          /* Scales down cleanly for smaller mobile phone viewports */
    }
}
/* Align submit buttons to the far right on both forms */
.mda-shipment-form .mda-submit-wrap,
.mda-dispatch-form .mda-submit-wrap {
    display: flex !important;
    justify-content: flex-end !important; /* Pulls the button element to the far right margin */
    width: 100% !important;
    margin-top: 25px !important;
    box-sizing: border-box !important;
}

/* Ensure individual buttons maintain natural auto widths instead of stretching */
.mda-shipment-form .mda-submit-btn,
.mda-dispatch-form .mda-submit-btn {
    width: auto !important;
}

/* Tablet & Mobile responsive fallback: Keep full-width on mobile for easy thumb clicking */
@media screen and (max-width: 767px) {
    .mda-shipment-form .mda-submit-wrap,
    .mda-dispatch-form .mda-submit-wrap {
        justify-content: center !important; /* Centers button perfectly on phones */
    }
    .mda-shipment-form .mda-submit-btn,
    .mda-dispatch-form .mda-submit-btn {
        width: 100% !important; /* Stretches safely on mobile to prevent text truncation */
    }
}
/* Force checkboxes into a balanced, perfectly aligned 2-column grid layout */
.mda-shipment-form .mda-checkbox span.wpcf7-form-control-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Forces 2 columns of identical width */
    gap: 16px 24px !important;                       /* Row gap and Column gap spacing */
    width: 100% !important;
}

/* Override and clean up inline padding rules that cause misalignment */
.mda-shipment-form .mda-checkbox span.wpcf7-list-item {
    margin: 0 !important; /* Clear old manual margin gaps completely */
    display: flex !important;
    align-items: center !important; /* Perfect cross-axis check icon alignment */
    text-align: left !important;
}

/* Ensure 'Other:' row underneath retains clear spacing boundaries */
.mda-other-inline-group {
    margin-top: 20px !important;
}

/* Tablet & Mobile Layout: Switch back down to a single clean list column on phones */
@media screen and (max-width: 600px) {
    .mda-shipment-form .mda-checkbox span.wpcf7-form-control-wrap {
        grid-template-columns: 1fr !important; /* Snaps to 1 column so text never overlaps */
        gap: 12px !important;
    }
}/* End custom CSS */