/* Blog Sub Home Page - Centered Layout Fix */

/* Prevent horizontal overflow */
body.page-slug-blog-sub-home {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

body.page-slug-blog-sub-home * {
    box-sizing: border-box;
}

/* Center the main content area */
body.page-slug-blog-sub-home .layout,
body.page-slug-blog-sub-home .layout__main,
body.page-slug-blog-sub-home main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}

/* Center the page content wrapper */
body.page-slug-blog-sub-home .container,
body.page-slug-blog-sub-home .games.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}

/* Fix header positioning - keep it full width but center content */
body.page-slug-blog-sub-home header {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

body.page-slug-blog-sub-home header > * {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Center sidebar overlay content */
body.page-slug-blog-sub-home #sidebar-overlay {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
}

/* Center newsletter section */
body.page-slug-blog-sub-home .newsletter-section,
body.page-slug-blog-sub-home .metavision-newsletter {
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Center article grid/layout */
body.page-slug-blog-sub-home .articles-grid,
body.page-slug-blog-sub-home .posts-grid,
body.page-slug-blog-sub-home .blog-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Center featured articles */
body.page-slug-blog-sub-home .featured-section,
body.page-slug-blog-sub-home .latest-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Fix navigation menu centering */
body.page-slug-blog-sub-home .mobile-navigation,
body.page-slug-blog-sub-home nav {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Ensure all content is centered */
body.page-slug-blog-sub-home article,
body.page-slug-blog-sub-home section {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Center subscription form */
body.page-slug-blog-sub-home .subscribe-form,
body.page-slug-blog-sub-home form {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Center all article and post content */
body.page-slug-blog-sub-home article,
body.page-slug-blog-sub-home .post,
body.page-slug-blog-sub-home .article {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Center navigation menu */
body.page-slug-blog-sub-home .mobile-navigation,
body.page-slug-blog-sub-home nav.mobile-navigation {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Center all sections */
body.page-slug-blog-sub-home section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Ensure main wrapper is centered */
body.page-slug-blog-sub-home #__next {
    max-width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

/* Center any div containers */
body.page-slug-blog-sub-home > div,
body.page-slug-blog-sub-home #__next > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body.page-slug-blog-sub-home .layout,
    body.page-slug-blog-sub-home .layout__main,
    body.page-slug-blog-sub-home main {
        padding: 0 15px;
    }
    
    body.page-slug-blog-sub-home .container,
    body.page-slug-blog-sub-home .games.container {
        padding: 0 15px;
    }
    
    body.page-slug-blog-sub-home #sidebar-overlay {
        left: 0;
        transform: none;
        width: 100%;
    }
}