/* Wide single-post layout: a fluid article column with the existing CTA rail on the right. */
@media (min-width: 1025px) {
    body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 300px !important;
        gap: 34px !important;
        align-items: start !important;
        width: calc(100% - 48px) !important;
        max-width: 1640px !important;
    }

    body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column {
        width: auto !important;
        min-width: 0 !important;
    }

    body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column:first-child {
        grid-column: 1 !important;
    }

    body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column:last-child {
        grid-column: 2 !important;
    }
}

/* Compatibility layer for Bright Writers articles inside the Elementor post column. */
body.single-post .elementor-widget-theme-post-content .bw-guide,
body.single-page .elementor-widget-theme-post-content .bw-guide {
    container-type: inline-size;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide *,
body.single-page .elementor-widget-theme-post-content .bw-guide * {
    min-width: 0;
    overflow-wrap: break-word;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-shell,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-layout,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 28px !important;
    padding-top: 34px !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-article,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-article {
    width: 100% !important;
    max-width: 100% !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-toc,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-toc {
    order: -1 !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    float: none !important;
    box-shadow: none !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-toc .bw-cta,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-toc .bw-cta {
    display: none !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-steps,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-steps,
body.single-post .elementor-widget-theme-post-content .bw-guide .method,
body.single-page .elementor-widget-theme-post-content .bw-guide .method {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-step,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-step {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 14px !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* WordPress can insert an empty paragraph between the number and the content.
   Remove it and explicitly place the actual content in the wide grid track. */
body.single-post .elementor-widget-theme-post-content .bw-guide .bw-step > p:empty,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-step > p:empty {
    display: none !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-step > span:first-child,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-step > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-step > div,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-step > div {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .step,
body.single-page .elementor-widget-theme-post-content .bw-guide .step {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-note,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-note,
body.single-post .elementor-widget-theme-post-content .bw-guide .bw-experience-note,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-experience-note,
body.single-post .elementor-widget-theme-post-content .bw-guide .note,
body.single-page .elementor-widget-theme-post-content .bw-guide .note {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .hero,
body.single-page .elementor-widget-theme-post-content .bw-guide .hero,
body.single-post .elementor-widget-theme-post-content .bw-guide .bw-cta,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-cta,
body.single-post .elementor-widget-theme-post-content .bw-guide .inline-cta,
body.single-page .elementor-widget-theme-post-content .bw-guide .inline-cta {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100% !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide h1,
body.single-page .elementor-widget-theme-post-content .bw-guide h1 {
    font-size: clamp(2.2rem, 7cqi, 3.55rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide h2,
body.single-page .elementor-widget-theme-post-content .bw-guide h2 {
    font-size: clamp(1.7rem, 5cqi, 2.45rem) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.single-post .elementor-widget-theme-post-content .bw-guide .bw-table-wrap,
body.single-page .elementor-widget-theme-post-content .bw-guide .bw-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

body.single-post .elementor-widget-theme-post-content .bw-guide table,
body.single-page .elementor-widget-theme-post-content .bw-guide table {
    max-width: 100% !important;
}

/* Keep the existing Convert Pro sidebar placement while making its message specific. */
body.single-post #cp_popup_id_3512 .cp-popup-content {
    border-radius: 18px !important;
    box-shadow: 0 16px 36px rgba(8, 43, 76, .18) !important;
    overflow: hidden !important;
}

body.single-post #cp_popup_id_3512 .cp-button-field {
    border-radius: 9px !important;
    font-weight: 800 !important;
}

@container (max-width: 620px) {
    body.single-post .elementor-widget-theme-post-content .bw-guide .bw-shell,
    body.single-page .elementor-widget-theme-post-content .bw-guide .bw-shell {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.single-post .elementor-widget-theme-post-content .bw-guide .hero,
    body.single-page .elementor-widget-theme-post-content .bw-guide .hero,
    body.single-post .elementor-widget-theme-post-content .bw-guide .bw-hero,
    body.single-page .elementor-widget-theme-post-content .bw-guide .bw-hero {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.single-post .elementor-widget-theme-post-content .bw-guide .bw-step,
    body.single-page .elementor-widget-theme-post-content .bw-guide .bw-step {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        padding: 17px !important;
    }
}

@media (max-width: 1024px) {
    body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Correct Elementor spacer, article and CTA rail placement. */
@media (min-width: 1025px) {
  body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column:first-child { display: none !important; }
  body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column:nth-child(2) { grid-column: 1 !important; grid-row: 1 !important; }
  body.single-post .elementor-5520 .elementor-element-1e861e7 > .elementor-container > .elementor-column:last-child { grid-column: 2 !important; grid-row: 1 !important; }
}
