/* ==== Marketur Mobile UX: Full-Width Pages ==== */
/* Makes WordPress page content edge-to-edge on mobile */
/* Excludes PeepSo pages (they have their own full-width toggle in Gecko) */

@media (max-width: 768px) {

    /* Target page body class but NOT PeepSo pages */
    body.page:not(.peepso-page) #main,
    body.page:not(.peepso-page) .main {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page:not(.peepso-page) #main > .content,
    body.page:not(.peepso-page) .main > .content {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Gecko theme specific containers */
    body.page:not(.peepso-page) .gc-header__wrapper + .gc-widgets + .main,
    body.page:not(.peepso-page) .gc-header__wrapper + .gc-widgets + #main {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Content area stretch */
    body.page:not(.peepso-page) .site-content,
    body.page:not(.peepso-page) .content-area,
    body.page:not(.peepso-page) .entry-content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Keep some breathing room on text content */
    body.page:not(.peepso-page) .entry-content > p,
    body.page:not(.peepso-page) .entry-content > h1,
    body.page:not(.peepso-page) .entry-content > h2,
    body.page:not(.peepso-page) .entry-content > h3,
    body.page:not(.peepso-page) .entry-content > h4,
    body.page:not(.peepso-page) .entry-content > ul,
    body.page:not(.peepso-page) .entry-content > ol,
    body.page:not(.peepso-page) .entry-content > blockquote {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Elementor pages — let sections go full width */
    body.page:not(.peepso-page) .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
    }

    body.page:not(.peepso-page) .elementor-widget-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    body.page:not(.peepso-page) .entry-content > p,
    body.page:not(.peepso-page) .entry-content > h1,
    body.page:not(.peepso-page) .entry-content > h2,
    body.page:not(.peepso-page) .entry-content > h3,
    body.page:not(.peepso-page) .entry-content > h4,
    body.page:not(.peepso-page) .entry-content > ul,
    body.page:not(.peepso-page) .entry-content > ol,
    body.page:not(.peepso-page) .entry-content > blockquote {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}