/* ==== Marketur Mobile UX: Full-Width Blog Posts ==== */
/* Matches QubicChat's working .main--single approach */

@media (max-width: 768px) {

    /* Gecko theme single post container */
    .main--single {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main--single > .content {
        max-width: 100% !important;
        width: 100% !important;
    }

    .gc-header__wrapper + .gc-widgets + .main--single,
    body.single-post .main,
    body.single-post #main {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* General single post containers */
    body.single-post .site-content,
    body.single-post .content-area,
    body.single-post .entry-content {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Blog post content padding — keep text readable */
    .single-post .entry-content,
    .single .post .entry-content,
    article.post .entry-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Let images/embeds go full width */
    .single-post .entry-content img,
    .single-post .entry-content .wp-block-image,
    .single-post .entry-content .wp-block-embed,
    .single-post .entry-content iframe {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Body padding reset */
    body.single-post {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    .single-post .entry-content,
    .single .post .entry-content,
    article.post .entry-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}