/* =========================
   MOBILE HORIZONTAL SCROLL FIX
   ========================= */

/* Global fixes to prevent horizontal scrolling on mobile */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Prevent horizontal scroll in the main container */
#ai-chatbot {
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Handle SVG elements that might cause overflow */
svg {
    max-width: 100%;
    height: auto;
}

/* Fix table scrolling */
.pricing-table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}

/* Timeline section fix */
.timeline-connector-svg,
.neon-timeline-section,
.tier-breakdown-section {
    max-width: 100%;
    overflow-x: hidden;
}

/* Fix for mobile view on various sections */
@media (max-width: 600px) {
    /* Ensure SVG elements don't overflow */
    .timeline-connector-svg {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Fix pricing table on mobile */
    .pricing-table {
        max-width: 100%;
        overflow-x: auto;
    }
    
    /* Handle min-width elements in mobile view */
    [style*="min-width"] {
        min-width: auto !important;
        width: 100% !important;
    }
    
    /* Contact section fix */
    .ai-contact-content,
    .ai-contact-bg-waves,
    .ai-contact-bg-waves svg {
        max-width: 100%;
        width: 100%;
        overflow-x: hidden;
    }
}