/* Mobile Horizontal Scroll Fix */

/* Prevent horizontal scrolling on mobile devices */
html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
}

/* Fix for main containers */
.cs-site,
.cs-site-content,
.cs-main {
    overflow-x: hidden !important;
}

/* Prevent wide elements from causing horizontal scroll */
@media (max-width: 768px) {
    /* Generic fix for any element that might be too wide */
    * {
        /* max-width: 100% !important; */
        box-sizing: border-box !important;
    }
    
    /* Specific containers that commonly cause issues */
    .elementor-section,
    .elementor-container,
    .elementor-row,
    .elementor-column {
        overflow-x: hidden !important;
    }
    
    /* Fix for images and media
    img,
    video,
    iframe {
        max-width: 100% !important;
        height: auto !important;
    } */
    
    /* Fix for tables on mobile */
    table {
        width: 100% !important;
        table-layout: fixed !important;
        word-wrap: break-word !important;
    }
    
    /* Fix for any pre or code blocks */
    pre,
    code {
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
        overflow-x: auto !important;
    }
    
    /* Fix for any flexbox containers */
    .cs-row,
    .cs-container,
    .cs-wrapper {
        overflow-x: hidden !important;
    }
    
    /* Ensure no negative margins cause overflow */
    .cs-entry-content,
    .cs-main-content {
        overflow-x: hidden !important;
    }
}