/* Global mobile responsiveness */
html, body {
    /* overflow-x: hidden; */ /* Temporarily disabled to fix mobile scrolling */
    max-width: 100vw;
    position: relative;
}

.container, 
.content-wrapper,
.page-wrapper {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    position: relative;
}

/* Homepage specific fixes */
.home-content {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    padding: 0 15px;
    box-sizing: border-box;
}

/* About page fixes */
.about-section,
.mission-section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: 20px;
    box-sizing: border-box;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .container,
    .content-wrapper,
    .page-wrapper,
    .home-content,
    .about-section,
    .mission-section {
        padding: 15px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    /* Ensure text content stays within bounds */
    p, h1, h2, h3, h4, h5, h6 {
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
    }
}

/* Additional mobile menu fix */
@media (max-width: 768px) {
    .mobile-menu {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }
}