.wrap.changelog-wraper figure.wp-block-image,.wrap.changelog-wraper figure.wp-block-uagb-image__figure,.wrap.changelog-wraper figure.wp-block-video {
    text-align: left!important;
    margin: 8px 0 24px 0!important;
    background: #fff!important;
    border-radius: 6px!important
}

/* Fix WordPress emoji alignment on mobile & tablet */
img.emoji,
img.wp-smiley {
  display: inline !important;
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;   /* Override Astra's max-width: 100% */
  max-height: 1em !important;
  min-width: unset !important;
  min-height: unset !important;
  vertical-align: -0.1em !important;
  margin: 0 0.07em !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

/* Fix: bsf-entry-content overflow clips the left/right shadow */
.bsf-entry-content.clear {
    overflow: visible !important;
}

/* Fix: img overflow:clip (browser default) clips box-shadow on all sides */
.bsf-entry-content img {
    overflow: visible !important;
}

/* Fix: Add horizontal padding/margin to figure so shadow has space on left & right */
.wrap.changelog-wraper figure.wp-block-image,
.wrap.changelog-wraper figure.wp-block-uagb-image__figure {
    padding: 0 25px !important;
    margin-left: -25px !important;
    margin-right: -25px !important;
}


@media (min-width: 971px) {
    body.archive.post-type-archive.post-type-archive-changelog .site-content>.ast-container,.product-tax-enabled .site-content>.ast-container {
        max-width:790px!important
    }
}

.ast-page-builder-template .entry-header {
    margin-top: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important
}

@media (max-width: 768px) {
    .ast-page-builder-template .entry-header {
        margin-top:0px!important;
        padding-left: 0px!important;
        padding-right: 0px!important
    }
}

.bsf-entry-content.content-closed.clear p:last-child {
    margin-bottom: 4px!important
}

.post-type-archive-changelog div#bsf-changelog-primary,.tax-product div#bsf-changelog-primary {
    margin-top: -160px!important;
    border-radius: 12px!important;
    background: #fff
}

enabled .type-chnangelogs,body.post-type-archive-changelog .type-chnangelogs {
    background-color: #fff0
}

.post-type-archive-changelog .bsfc-archive-description,.post-type-archive-changelog .bsfc-author-box,.product-tax-enabled .bsfc-author-box {
    padding: 0;
    border: none
}

.changelog-wraper {
    z-index: 9;
    Position: Relative
}

main#main {
    margin-bottom: 100px
}

body.product-tax-enabled .type-chnangelogs,body.post-type-archive-changelog .type-chnangelogs {
    margin: 3em 0 0 0!important;
    box-shadow: 0 4px 8px rgb(0 0 0 / .05);
    border-radius: 12px!important;
    border: solid .5px #DDDEE4
}

.post-type-archive-changelog .bsf-entry-content.content-open.clear ul:last-child,.product-tax-enabled .bsf-entry-content.content-open.clear ul:last-child {
    margin-bottom: 0
}

.post-type-archive-changelog .bsf-entry-content p,.product-tax-enabled .bsf-entry-content p {
    margin-bottom: 16px!important
}

.see-more-text {
    color: var(--ast-global-color-0);
    margin-left: 2px
}

.bsf-entry-content.content-closed.clear p:last-child {
    margin-bottom: 4px!important
}

@media only screen and (max-width: 976px) {
    .changelog-wraper {
        z-index:9;
        position: relative
    }

    .post-type-archive-changelog div#bsf-changelog-primary,.tax-product div#bsf-changelog-primary {
        margin-top: -90px!important
    }

    main#main {
        margin-bottom: 80px
    }

    .wrap.changelog-wraper .bsf-entry-content img {
        width: 87%!important
    }

    .wrap.changelog-wraper figure.wp-block-image,.wrap.changelog-wraper figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0!important
    }
}

.bsf-entry-content.content-closed.clear p {
    margin-bottom: 0em
}

@media only screen and (max-width: 760px) {
    .post-type-archive-changelog div#bsf-changelog-primary,.tax-product div#bsf-changelog-primary {
        margin-top:-120px!important
    }

    .post-type-archive-changelog .entry-title,.tax-product .entry-title {
        font-size: 20px!important
    }

    .pre-title .author-img-section img {
        height: auto!important;
        width: auto!important
    }

    .pre-title .author-img-section {
        margin-top: 5px
    }

    body.product-tax-enabled .type-chnangelogs,body.post-type-archive-changelog .type-chnangelogs {
        margin: 2 0 0 0!important;
        padding: 1.5em;
        border-width: 1px!important
    }

    main#main {
        margin-bottom: 60px
    }

    .wrap.changelog-wraper .bsf-entry-content img {
        width: 87%!important
    }

    .wrap.changelog-wraper figure.wp-block-image,.wrap.changelog-wraper figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0!important
    }
}

@media only screen and (max-width: 500px) {
    .wrap.changelog-wraper .pre-title {
        flex-direction:column;
        row-gap: 16px
    }

    .wrap.changelog-wraper .pre-title .category-section {
        align-item: start;
        align-items: flex-start;
        align-self: flex-start
    }
}

.post-type-archive-changelog .changelog-wraper .type-chnangelogs h2,.product-tax-enabled .changelog-wraper .type-chnangelogs h2 {
    font-size: 28px;
    line-height: 1.33em;
    font-weight: 600!important;
    padding: 30px 0 25px;
    margin-bottom: 0
}

.post-type-archive-changelog .changelog-wraper .type-chnangelogs h3,.product-tax-enabled .changelog-wraper .type-chnangelogs h3 {
    font-size: 24px;
    line-height: 1.44em;
    font-weight: 700;
    padding: 10px 0 10px
}

.post-type-archive-changelog .changelog-wraper .type-chnangelogs h4,.product-tax-enabled .changelog-wraper .type-chnangelogs h4 {
    font-size: 20px;
    line-height: 1.44em;
    font-weight: 700;
    padding: 15px 0 12px
}

.post-type-archive-changelog .changelog-wraper .type-chnangelogs h5,.product-tax-enabled .changelog-wraper .type-chnangelogs h5 {
    font-size: 18px;
    line-height: 1.44em;
    font-weight: 700;
    padding: 15px 0 12px
}

.post-type-archive-changelog .changelog-wraper .type-chnangelogs h6,.product-tax-enabled .changelog-wraper .type-chnangelogs h6 {
    font-size: 18px;
    line-height: 1.44em;
    font-weight: 700;
    padding: 15px 0 12px
}

.changelog-wraper .bsf-changelog-img img,.changelog-wraper iframe {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / .15);
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / .15);
    -moz-box-shadow: 0 0 30px 0 rgb(0 0 0 / .15)
}

.wrap.changelog-wraper .bsf-entry-content img {
    width: 100%;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    -webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    -moz-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    text-align: center;
    border-radius: 3px
}

.wrap.changelog-wraper .bsf-entry-content img:hover {
    width: 100%;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .12)!important;
    -webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12)!important;
    -moz-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12)!important;
    text-align: center;
    border-radius: 3px
}

.wrap.changelog-wraper figure.wp-block-image,.wrap.changelog-wraper figure.wp-block-uagb-image__figure {
    text-align: center;
    margin: 30px 0 10px 0
}

.wrap.changelog-wraper .wp-block-uagb-image {
    align-self: center
}

.author-name {
    line-height: 29px!important
}

.changelog {
    max-width: 750px;
    margin-left: auto!important;
    margin-right: auto!important;
    background-color: #fff;
    margin-top: -110px!important;
    padding: 1em 3em 3em;
    border: solid .5px #DDDEE4;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .05);
    z-index: 9;
    position: relative
}

.changelog ul,.changelog ol {
    list-style-position: outside;
    margin: 0 0 3em 1.5em!important
}

.changelog h1 {
    font-size: 28px!important;
    line-height: 1.33em!important;
    font-weight: 600!important;
    padding: 30px 0 0!important;
    margin-bottom: 0
}

.single-changelog {
    background-color: #FFFFFF!important
}

.single-changelog .wp-block-uagb-image__figure {
    margin-bottom: 30px
}

.single-changelog .comments-area {
    display: none
}

.single-changelog h1.entry-title {
    font-size: 30px!important;
    font-weight: 700!important
}

@media (max-width: 768px) {
    .single-changelog h1.entry-title {
        font-size:28px!important;
        font-weight: 700!important
    }
}
}

.pre-title .category-section .category-name {
    font-size: 16px;
    line-height: 18px
}

.pre-title .category-section {
    padding: 5px 20px
}

.bsf-changelog-post-wrapper {
    border-radius: 12px
}

@media (max-width: 768px) {
    .bsf-changelog-post-wrapper {
        padding:24px
    }

    .changelog {
        padding: 1em 2em 2em
    }
}

.wrap.changelog-wraper {
    padding-left: 20px;
    padding-right: 20px
}

.wp-block-embed-youtube {
  margin-bottom : 32px !important; 	
}







/* ============================================================
   Single CHANGELOG – Typography & Spacing (matched to /whats-new/)
   ============================================================ */

/* --- Post card / wrapper (ARCHIVE) ---
   FIX: Your original rule had a CSS parse error —
   "enabled .type-chnangelogs" was being parsed as a broken
   selector because background-color was set in the same block
   that got split. Now clean + correct. Also: frontend.css
   already sets bg:#fff with padding:2em so we just override margin.
*/
body.product-tax-enabled .type-chnangelogs,
body.post-type-archive-changelog .type-chnangelogs {
    margin: 3em 0 0 0 !important;
    padding: 0 !important;
    background-color: #fff !important;   /* was transparent due to parse bug */
    border-radius: 12px !important;
    border: solid 0.5px #DDDEE4;
    box-shadow: 0 4px 8px rgb(0 0 0 / .05);
}

.bsf-changelog-post-wrapper {
    padding: 40px;
    background: #fff;
    border-radius: 12px;
}

/* --- Entry title (ARCHIVE) --- */
.post-type-archive-changelog .type-chnangelogs .entry-title,
.product-tax-enabled .type-chnangelogs .entry-title {
    /* FIX: removed ".changelog-wraper" from chain — that class does NOT exist on single posts.
       On the archive page it exists but is a sibling wrapper, not a parent of .type-chnangelogs */
    font-size: 28px;
    font-weight: 600 !important;
    line-height: 1.33em;
    padding: 30px 0 25px;
    margin-bottom: 0;
}

/* --- Body text / paragraphs (ARCHIVE) --- */
.post-type-archive-changelog .bsf-entry-content p,
.product-tax-enabled .bsf-entry-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 16px !important;
    color: #333747;
}

/* --- Body text / paragraphs (SINGLE POST)
   FIX: Single post uses .entry-content, not .bsf-entry-content
*/
.single-changelog .entry-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 16px !important;
    color: #333747;
}

/* --- Headings inside content (ARCHIVE)
   FIX: removed ".changelog-wraper" from the chain
*/
.post-type-archive-changelog .type-chnangelogs h2,
.product-tax-enabled .type-chnangelogs h2 {
    font-size: 28px;
    font-weight: 600 !important;
    line-height: 1.33em;
    padding: 30px 0 25px;
    margin-bottom: 0;
}

.post-type-archive-changelog .type-chnangelogs h3,
.product-tax-enabled .type-chnangelogs h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 10px 0;
    margin-bottom: 0;
}

.post-type-archive-changelog .type-chnangelogs h4,
.product-tax-enabled .type-chnangelogs h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 15px 0 12px;
    margin-bottom: 0;
}

.post-type-archive-changelog .type-chnangelogs h5,
.product-tax-enabled .type-chnangelogs h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 15px 0 12px;
    margin-bottom: 0;
}

.post-type-archive-changelog .type-chnangelogs h6,
.product-tax-enabled .type-chnangelogs h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 15px 0 12px;
    margin-bottom: 0;
}

/* --- Headings inside content (SINGLE POST)
   FIX: Single post uses .entry-content inside .changelog article
*/
.single-changelog .changelog .entry-content h2 {
    font-size: 28px;
    font-weight: 600 !important;
    line-height: 1.33em;
    padding: 30px 0 25px;
    margin-bottom: 0;
}

.single-changelog .changelog .entry-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 10px 0;
    margin-bottom: 0;
}

.single-changelog .changelog .entry-content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 15px 0 12px;
    margin-bottom: 0;
}

.single-changelog .changelog .entry-content h5,
.single-changelog .changelog .entry-content h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44em;
    padding: 15px 0 12px;
    margin-bottom: 0;
}

/* --- Lists (ARCHIVE) --- */
.post-type-archive-changelog .bsf-entry-content ul,
.post-type-archive-changelog .bsf-entry-content ol,
.product-tax-enabled .bsf-entry-content ul,
.product-tax-enabled .bsf-entry-content ol {
    font-size: 16px;
    margin: 0 0 24px 48px !important;
    padding-left: 0;
    list-style-position: outside;
}

.post-type-archive-changelog .bsf-entry-content li,
.product-tax-enabled .bsf-entry-content li {
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 0;
}

/* --- Lists (SINGLE POST)
   FIX: Single post uses .entry-content, not .bsf-entry-content
*/
.single-changelog .entry-content ul,
.single-changelog .entry-content ol {
    font-size: 16px;
    margin: 0 0 24px 48px !important;
    padding-left: 0;
    list-style-position: outside;
}

.single-changelog .entry-content li {
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 0;
}

/* --- Images & Figures (ARCHIVE)
   FIX: ".wrap.changelog-wraper" → ".changelog-wraper" (.wrap class doesn't exist)
*/
.changelog-wraper .bsf-entry-content img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    -webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    overflow: visible;
}

.bsf-entry-content.clear {
    overflow: visible !important;
}

/* figure — ARCHIVE */
.changelog-wraper figure.wp-block-image,
.changelog-wraper figure.wp-block-uagb-image__figure {
    text-align: left !important;
    background: #fff !important;
    border-radius: 6px !important;
    margin: 8px -25px 24px !important;
    padding: 0 25px !important;
}

/* video figure — ARCHIVE */
.changelog-wraper figure.wp-block-video {
    text-align: left !important;
    margin: 8px 0 24px 0 !important;
    background: #fff !important;
    border-radius: 6px !important;
}

/* --- Images & Figures (SINGLE POST)
   FIX: Single post uses .entry-content inside .changelog article.
   No .wrap or .changelog-wraper exists on single post.
*/
.single-changelog .changelog .entry-content img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
    -webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .12);
}

.single-changelog .changelog .entry-content figure.wp-block-image,
.single-changelog .changelog .entry-content figure.wp-block-uagb-image__figure {
    text-align: left !important;
    background: #fff !important;
    border-radius: 6px !important;
    margin: 8px -25px 24px !important;
    padding: 0 25px !important;
}

.single-changelog .changelog .entry-content figure.wp-block-video {
    text-align: left !important;
    margin: 8px 0 24px 0 !important;
    background: #fff !important;
    border-radius: 6px !important;
}

/* YouTube embed */
.wp-block-embed-youtube {
    margin-bottom: 32px !important;
}

/* --- Pre-title (author + category row) --- */
/* No changes needed here — .pre-title exists on archive page */
.pre-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
}

.pre-title .author-img-section {
    display: inline-block;
    align-self: center;
    height: 40px;
    width: 40px;
}

.pre-title .author-img-section img {
    height: 100%;
    width: 100%;
    border-radius: 50px;
}

.pre-title .author-name-date-section {
    width: auto;
    margin-left: 10px;
}

.pre-title .author-name-date-section .author-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: -8px;
}

.pre-title .author-name-date-section .publish-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
    color: #808080;
}

.pre-title .category-section {
    align-self: center;
    padding: 5px 20px;
    border-radius: 20px;
    background-color: #F9F5FF;
    flex: 0 0 auto;
}

.pre-title .category-section .category-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8em;
    color: var(--ast-global-color-0);
}

/* --- Single changelog post card --- */
.changelog {
    max-width: 750px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -110px !important;
    padding: 40px;
    background-color: #fff;
    border: solid 0.5px #DDDEE4;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .05);
    position: relative;
    z-index: 9;
}

/* FIX: was 28px but theme outputs 30px/700 — need !important to win */
.changelog h1,
.single-changelog h1.entry-title {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.33em !important;
    padding: 0px 0px 0px !important;
    margin-bottom: 0 !important;
}

.changelog ul,
.changelog ol {
    list-style-position: outside;
    margin: 0 0 24px 48px !important;
}

/* --- Container max-width --- */
@media (min-width: 971px) {
    body.archive.post-type-archive.post-type-archive-changelog .site-content > .ast-container,
    body.product-tax-enabled .site-content > .ast-container {
        max-width: 790px !important;
    }
}

/* --- Tablet --- */
@media only screen and (max-width: 976px) {
    .post-type-archive-changelog div#bsf-changelog-primary,
    .tax-product div#bsf-changelog-primary {
        margin-top: -90px !important;
    }

    .bsf-changelog-post-wrapper {
        padding: 24px;
    }

    /* FIX: .wrap removed, .changelog-wraper is the correct selector */
    .changelog-wraper .bsf-entry-content img {
        width: 87% !important;
    }

    /* FIX: single post image */
    .single-changelog .changelog .entry-content img {
        width: 87% !important;
    }

    .changelog-wraper figure.wp-block-image,
    .changelog-wraper figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0 !important;
        padding: 0 !important;
    }

    .single-changelog .changelog .entry-content figure.wp-block-image,
    .single-changelog .changelog .entry-content figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0 !important;
        padding: 0 !important;
    }

    main#main {
        margin-bottom: 80px;
    }
}

/* --- Mobile --- */
@media only screen and (max-width: 760px) {
    .post-type-archive-changelog div#bsf-changelog-primary,
    .tax-product div#bsf-changelog-primary {
        margin-top: -120px !important;
    }

    .post-type-archive-changelog .entry-title,
    .tax-product .entry-title {
        font-size: 20px !important;
    }

    body.product-tax-enabled .type-chnangelogs,
    body.post-type-archive-changelog .type-chnangelogs {
        margin: 2em 0 0 0 !important;
        padding: 1.5em;
        border-width: 1px !important;
    }

    .bsf-changelog-post-wrapper {
        padding: 24px;
    }

    .changelog-wraper .bsf-entry-content img {
        width: 87% !important;
    }

    .single-changelog .changelog .entry-content img {
        width: 87% !important;
    }

    .changelog-wraper figure.wp-block-image,
    .changelog-wraper figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0 !important;
        padding: 0 !important;
    }

    .single-changelog .changelog .entry-content figure.wp-block-image,
    .single-changelog .changelog .entry-content figure.wp-block-uagb-image__figure {
        margin: 4px 0 16px 0 !important;
        padding: 0 !important;
    }

    .single-changelog h1.entry-title {
        font-size: 22px !important;
    }

    .changelog {
        padding: 24px;
    }

    main#main {
        margin-bottom: 60px;
    }
}

/* --- Small mobile --- */
@media only screen and (max-width: 500px) {
    /* FIX: removed .wrap — it doesn't exist in the DOM */
    .changelog-wraper .pre-title,
    .single-changelog .pre-title {
        flex-direction: column;
        row-gap: 16px;
    }

    .changelog-wraper .pre-title .category-section,
    .single-changelog .pre-title .category-section {
        align-self: flex-start;
    }
}