/* Compatibility layer for Bright Writers articles inside the 66 percent 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: anywhere;
}

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;
}

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;
    }
}
