/**
 * Button Alignment Fixes for Executive Systems
 * Ensures all buttons display properly with icons aligned
 */

/* Fix all theme-btn2 buttons (excluding popup button) */
.theme-btn2:not(.btn-submit-popup),
button.theme-btn2:not(.btn-submit-popup),
a.theme-btn2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

/* Fix button text and icons */
.theme-btn2 span,
.theme-btn2 i {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Fix button with arrow icons */
.theme-btn2 .fa-arrow-right,
.theme-btn2 .fa-hand-point-right {
    margin-left: 4px !important;
}

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

/* Fix submit buttons in forms */
form button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Fix button container */
.button {
    text-align: center;
}

/* Ensure button text is centered - exclude popup form buttons */
.theme-btn2 .btn-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Modal button fixes - exclude popup form buttons */
.modal-content button:not(.btn-cancel):not(.btn-submit-popup) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Fix call request button specifically - removed as popup button now has inline styles */
/* The popup submit button now uses class btn-submit-popup with proper inline styles */

/* Responsive fixes for mobile */
@media (max-width: 768px) {
    .theme-btn2 {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
    
    .theme-btn2 i {
        font-size: 14px !important;
    }
}