/* 
 * Universal Form Button Alignment Fix
 * Applies to ALL forms across the website
 * Makes all submit/cancel buttons have consistent text alignment
 */

/* Contact Form Buttons */
#contactForm button[type="submit"],
#contactForm button[type="button"],
/* Quote Form Buttons */
#quoteForm button[type="submit"],
#quoteForm button[type="button"],
/* Subscribe Form Buttons */
#subscribeForm button[type="submit"],
#subscribeForm button[type="button"],
/* Any form submit button */
form button[type="submit"],
form button[type="button"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 44px !important;
}

/* Fix text inside all buttons */
form button .btn-text,
form button span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Fix icon alignment in buttons */
form button i {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
}

/* Loading state for all forms */
form button .btn-loading {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Specific fixes for newsletter subscribe buttons */
.subscribe-form button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
}

/* Sidebar quote form specific */
.sidebar-box-area .contact-form button {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    form button[type="submit"],
    form button[type="button"] {
        min-height: 48px !important;
        font-size: 16px !important;
        width: 100% !important;
    }
}
