/**
 * Wspólny układ stron treści (blog, realizacje) — szerokość jak usługi (1280px).
 */

/* Wyjście z wąskiej kolumny motywu / Elementora — cała sekcja wyśrodkowana na stronie */
:where(
    .entry-content, .page-content, .site-main, .content-area, .site-content,
    article, .post, .page, .hentry,
    .wp-site-blocks, .wp-block-post-content, .wp-block-group, .is-layout-constrained, .is-layout-flow,
    .elementor, .elementor-section, .elementor-container, .elementor-column-wrap,
    .elementor-widget-wrap, .elementor-widget-shortcode, .elementor-widget-text-editor, .elementor-widget-container,
    .e-con, .e-con-inner, .e-con-boxed, .e-parent, .elementor-element
):has(.pjm-blog.jm-pricing-section),
:where(
    .entry-content, .page-content, .site-main, .content-area, .site-content,
    article, .post, .page, .hentry,
    .wp-site-blocks, .wp-block-post-content, .wp-block-group, .is-layout-constrained, .is-layout-flow,
    .elementor, .elementor-section, .elementor-container, .elementor-column-wrap,
    .elementor-widget-wrap, .elementor-widget-shortcode, .elementor-widget-text-editor, .elementor-widget-container,
    .e-con, .e-con-inner, .e-con-boxed, .e-parent, .elementor-element
):has(.pjm-portfolio.jm-pricing-section:not(.pjm-portfolio--embed)),
:where(
    .entry-content, .page-content, .site-main, .content-area, .site-content,
    article, .post, .page, .hentry,
    .wp-site-blocks, .wp-block-post-content, .wp-block-group, .is-layout-constrained, .is-layout-flow,
    .elementor, .elementor-section, .elementor-container, .elementor-column-wrap,
    .elementor-widget-wrap, .elementor-widget-shortcode, .elementor-widget-text-editor, .elementor-widget-container,
    .e-con, .e-con-inner, .e-con-boxed, .e-parent, .elementor-element
):has(.pjm-blog-single.jm-pricing-section) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

.pjm-blog.jm-pricing-section.jm-wrapper,
.pjm-portfolio.jm-pricing-section.jm-wrapper:not(.pjm-portfolio--embed),
.pjm-blog-single.jm-pricing-section.jm-wrapper {
    display: block;
    width: 100%;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    clear: both;
    box-sizing: border-box;
}

.pjm-blog.jm-wrapper,
.pjm-portfolio.jm-wrapper,
.pjm-blog-single.jm-wrapper {
    padding-top: 48px;
    padding-bottom: 64px;
}

.pjm-blog .pjm-breadcrumbs,
.pjm-portfolio .pjm-breadcrumbs,
.pjm-blog .jm-seo-box,
.pjm-portfolio__head,
.pjm-blog__filters,
.pjm-portfolio__filters,
.pjm-blog__grid,
.pjm-portfolio__grid,
.pjm-blog__empty,
.pjm-portfolio__empty,
.pjm-blog-back,
.pjm-blog-article {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.pjm-blog .pjm-breadcrumbs,
.pjm-portfolio .pjm-breadcrumbs,
.pjm-blog-back {
    text-align: left;
}

.pjm-blog-single {
    padding: 0;
}

.pjm-blog-article {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

/* Typografia treści sformatowanych (edytor WYSIWYG) */
.pjm-rich-text,
.pjm-blog-article__content {
    font-size: 1.05rem;
    line-height: 1.75;
    color: #374151;
}

.pjm-rich-text > *:first-child,
.pjm-blog-article__content > *:first-child {
    margin-top: 0;
}

.pjm-rich-text h2,
.pjm-blog-article__content h2 {
    margin: 1.75em 0 0.55em;
    font-size: 1.45rem;
    font-weight: 800;
    color: #14352A;
    line-height: 1.3;
}

.pjm-rich-text h3,
.pjm-blog-article__content h3 {
    margin: 1.4em 0 0.45em;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1B5E4B;
    line-height: 1.35;
}

.pjm-rich-text h4,
.pjm-blog-article__content h4 {
    margin: 1.2em 0 0.4em;
    font-size: 1.05rem;
    font-weight: 700;
    color: #14352A;
}

.pjm-rich-text p,
.pjm-blog-article__content p {
    margin: 0 0 1em;
}

.pjm-rich-text strong,
.pjm-blog-article__content strong {
    font-weight: 700;
    color: #14352A;
}

.pjm-rich-text ul,
.pjm-rich-text ol,
.pjm-blog-article__content ul,
.pjm-blog-article__content ol {
    margin: 0 0 1em 1.25em;
    padding: 0;
}

.pjm-rich-text li,
.pjm-blog-article__content li {
    margin-bottom: 0.35em;
}

.pjm-rich-text a,
.pjm-blog-article__content a {
    color: #1B5E4B;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pjm-rich-text blockquote,
.pjm-blog-article__content blockquote {
    margin: 1.25em 0;
    padding: 14px 18px;
    border-left: 4px solid #1B5E4B;
    background: #eef5f1;
    border-radius: 0 8px 8px 0;
    color: #374151;
}

.pjm-portfolio-modal__section .pjm-rich-text {
    font-size: 1rem;
}