/**
 * Blog Horizontal Scroll Fix
 * Prevents horizontal overflow issues on blog pages
 */

/* Prevent horizontal scroll */
body.single-post,
body.archive,
body.category,
body.tag,
body.author {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

.single-post-page,
.archive-page {
    overflow-x: hidden;
}

/* Ensure containers respect viewport */
.single-post-page .container,
.archive-page .container {
    overflow-x: hidden;
}

/* Prevent content overflow */
.entry-content,
.post-content,
.comment-content,
.post-excerpt {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Ensure images don't overflow */
.entry-content img,
.post-content img,
.post-thumbnail img,
.featured-image-wrapper img,
.blog-image img {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix tables */
.entry-content table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Fix code blocks */
.entry-content pre,
.entry-content code {
    max-width: 100%;
    overflow-x: auto;
}

/* Sidebar on mobile */
@media (max-width: 991.98px) {
    .post-sidebar,
    .blog-sidebar {
        margin-top: 2rem;
    }
}