/* StratSyncAI Text Alignment Fixes - Added for better visual consistency */

/* Balance Status Elements - Center alignment for better UX */
#balance-status {
    text-align: center !important;
}

/* SMB Hero Section - Enhanced mobile mockup display */
.smb-morning-brief h4 {
    text-align: center;
}

/* Strategic stats and indicators */
.strategic-stat-item {
    text-align: center;
}

/* Pricing section improvements */
.smb-feature-list li {
    justify-content: center;
    text-align: center;
}

.smb-faq-item h4 {
    text-align: center;
}

/* Footer security badges - Center alignment */
.ss-security-badge {
    text-align: center !important;
}

/* Strategic Command Center alignment fixes */
.strategic-hero-stats .strategic-stat-item {
    text-align: center;
}

/* General utility classes for consistent alignment */
.text-center-mobile {
    text-align: center;
}

@media (max-width: 768px) {
    .text-center-mobile {
        text-align: center !important;
    }
    
    .smb-feature-list li {
        justify-content: center;
        text-align: center;
    }
    
    .hero-text-elements {
        text-align: center;
    }
}

/* Enhanced button and CTA alignment */
.cta-buttons {
    text-align: center;
}

/* Form elements alignment */
.form-group label {
    text-align: center;
}

/* Dashboard widgets alignment */
.widget-title,
.dashboard-metric-title {
    text-align: center;
}

/* Notification and alert alignments */
.alert-message,
.notification-text {
    text-align: center;
}

/* Footer section improvements */
.footer-section-content {
    text-align: center;
}

/* Industry buttons alignment fixes - Specific fixes for retail, services, healthcare */
.smb-industry-selector {
    text-align: center !important;
}

.smb-industry-buttons {
    justify-content: center !important;
}

.smb-industry-btn {
    text-align: center !important;
    justify-content: center !important;
}

.smb-industry-btn span {
    text-align: center !important;
}

/* FAB callouts positioning fixes to reduce loading appearance */
@media (max-width: 1200px) {
    .fab-callouts-container {
        right: 10px;
        width: 320px;
    }
    
    .fab-callout {
        width: 320px;
        padding: 1rem;
    }
}

/* Reduce FAB callout visual impact on smaller screens */
@media (max-width: 992px) {
    .fab-callouts-container {
        top: 120px;
        right: 5px;
        width: 280px;
    }
    
    .fab-callout {
        width: 280px;
        padding: 0.75rem;
        font-size: 0.9rem;
    }
}