/**
 * Submit Button Alignment Fix
 * Author: Yogesh
 * 
 * Fixes alignment issues with the submit button on contact-us form
 * Ensures proper centering on both desktop and mobile views
 */

/* Fix primary button alignment - Override Webflow styles */
.primary-button.full-width-mobile {
    /* Center the button properly using auto margins */
    margin: 30px auto 10px !important;
    /* Ensure it's a block element for auto margins to work */
    display: block !important;
    /* Keep existing padding */
    padding: 12px 50px !important;
    /* Ensure text is centered within button */
    text-align: center !important;
    /* Remove any position-related issues */
    position: relative !important;
    /* Ensure proper width behavior */
    width: auto !important;
    max-width: 100% !important;
}

/* Ensure button doesn't have conflicting styles at different breakpoints */
@media (max-width: 991px) {
    .primary-button.full-width-mobile {
        margin: 30px auto 10px !important;
    }
}

@media (max-width: 767px) {
    .primary-button.full-width-mobile {
        /* Keep centered alignment on tablets */
        margin: 30px auto 10px !important;
        /* Slightly reduce padding on smaller screens */
        padding: 12px 40px !important;
    }
}

@media (max-width: 479px) {
    .primary-button.full-width-mobile {
        /* Full width on mobile */
        width: 100% !important;
        /* Adjust margins for mobile */
        margin: 20px auto 10px !important;
        /* Appropriate padding for mobile */
        padding: 12px 30px !important;
        /* Ensure no weird side margins */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Additional specificity to ensure our styles win */
.w-form .primary-button.full-width-mobile,
.form-contacts .primary-button.full-width-mobile,
#tranzip-contact-us-form .primary-button.full-width-mobile {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Fix for disabled state button alignment */
.primary-button.full-width-mobile.form-invalid,
.primary-button.full-width-mobile:disabled {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure button text remains centered when loading */
.tz-form-loading .primary-button.full-width-mobile {
    text-align: center !important;
}

/* Fix any potential parent container alignment issues */
.form-contacts {
    /* Ensure form doesn't add unwanted margins */
    margin-left: 0;
    margin-right: 0;
}

/* Specific fix for the contact form wrapper if needed */
.contact-form-wrapper {
    /* Ensure wrapper doesn't interfere with button centering */
    overflow: visible;
}