/* Trang blog công khai — sửa cuộn / hiển thị trên mobile (iOS Safari) */

body.blog-page {
    overflow-x: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    position: relative !important;
    width: 100%;
    height: auto !important;
    min-height: 100%;
    touch-action: pan-y;
}

body.blog-page.menu-show {
    overflow-y: auto !important;
    position: relative !important;
    height: auto !important;
    width: 100% !important;
}

@media (max-width: 991.98px) {
    body.blog-page .hero-wrap,
    body.blog-page .hero-wrap.hero-wrap-2 {
        background-attachment: scroll !important;
        height: auto !important;
        min-height: 200px;
    }

    body.blog-page .hero-wrap .js-fullheight,
    body.blog-page .hero-wrap.js-fullheight,
    body.blog-page .slider-text.js-fullheight {
        height: auto !important;
        min-height: 160px;
    }

    /* Nội dung hiện ngay — không chờ Waypoints (mobile hay không kích hoạt) */
    body.blog-page .ftco-section .ftco-animate,
    body.blog-page .blog-article-col,
    body.blog-page .blog-sidebar-col {
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.blog-page .ftco-section {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

body.blog-page .blog-content {
    overflow: visible;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

body.blog-page .blog-content .ql-table-embed {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    touch-action: pan-x pan-y;
}

body.blog-page .blog-content .ql-table-embed table {
    min-width: 520px;
}

body.blog-page .blog-content img {
    max-width: 100%;
    height: auto;
}