/* ND369 — Single blog post layout */
/* --- SINGLE POST: container c?n gi?a, l? ??u 2 b?n --- */
body.single-post #content.site-content > .ast-container,
body.single.single-format-standard #content.site-content > .ast-container {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    float: none !important;
}

body.single-post #primary,
body.single-post .content-area,
body.single.single-format-standard #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.single-post .site-main,
body.single-post .ast-article-single,
body.single-post article.hentry {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

body.single-post.ast-separate-container .ast-article-single {
    margin-left: auto;
    margin-right: auto;
}

body.single-post .entry-content {
    text-align: justify;
}

body.single-post .nd369-single-featured {
    margin: 0 0 28px;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: var(--bg-light, #f4f8ff);
    border: 1px solid #e4ebf3;
}

body.single-post .nd369-single-featured-img,
body.single-post .nd369-single-featured img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    object-fit: cover;
}

body.single-post .entry-content img,
body.single-post .entry-content figure,
body.single-post .entry-content .wp-block-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    body.single-post #content.site-content > .ast-container,
    body.single.single-format-standard #content.site-content > .ast-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.single-post .nd369-single-featured {
        margin-bottom: 20px;
        border-radius: 8px;
    }
}
