/* GPDStore static article pages — policy/about pages using the blog article shell. */

body.gpd-static-page {
    overflow-x: clip;
}

body.gpd-static-page #content {
    background: var(--bg-2);
}

body.gpd-static-page #content > .col-full {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.gpd-static-page #primary,
body.gpd-static-page .content-area {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.gpd-static-page .site-main,
body.gpd-static-page .hentry,
body.gpd-static-page .type-page,
body.gpd-static-page .entry-content {
    margin: 0;
    padding: 0;
}

body.gpd-static-page .archive-header,
body.gpd-static-page #content .woocommerce-breadcrumb,
body.gpd-static-page #content .rankmath.woocommerce-breadcrumb {
    display: none;
}

body.gpd-static-page .gpd-static-entry {
    padding-bottom: 72px;
}

body.gpd-static-page .gpd-static-head {
    padding-top: 22px;
}

body.gpd-static-page .gsb-art-grid--no-toc {
    grid-template-columns: minmax(0, 720px);
}

body.gpd-static-page .gpd-static-aside {
    gap: 0;
}

body.gpd-static-page .gpd-static-aside .gsb-toc {
    width: 100%;
}

body.gpd-static-page .gsb-toc li.gpd-static-toc-l3 a {
    padding-left: 18px;
    font-size: 13px;
    color: var(--fg-secondary);
}

body.gpd-static-page .gsb-toc li.gpd-static-toc-l3 a.on,
body.gpd-static-page .gsb-toc li.gpd-static-toc-l3 a:hover {
    color: var(--acc);
}

body.gpd-static-page .gsb-prose > :last-child {
    margin-bottom: 0;
}

body.gpd-static-page .gsb-prose h2:first-child,
body.gpd-static-page .gsb-prose h3:first-child {
    margin-top: 0;
}

body.gpd-static-page .gsb-prose .wp-block-list ol,
body.gpd-static-page .gsb-prose .wp-block-list ul,
body.gpd-static-page .gsb-prose li > ol,
body.gpd-static-page .gsb-prose li > ul {
    margin-top: 8px;
}

body.gpd-static-page .gsb-prose li li {
    color: var(--fg-secondary);
}

@media (max-width: 1100px) {
    body.gpd-static-page .gsb-art-grid--no-toc {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    body.gpd-static-page:not(.mobile-toggled) .col-full-nav {
        position: fixed !important;
        left: 0 !important;
        transform: translateX(-110%) !important;
    }
}

@media (max-width: 720px) {
    body.gpd-static-page .gpd-static-entry {
        padding-bottom: 52px;
    }

    body.gpd-static-page .gs-wrap {
        padding-right: 22px;
        padding-left: 22px;
    }
}
