/* Each block gets its own value. Descendants with their own setting override it. */
.fs-blend-normal { --fs-overlay-blend: normal; }
.fs-blend-multiply { --fs-overlay-blend: multiply; }
.fs-blend-screen { --fs-overlay-blend: screen; }
.fs-blend-overlay { --fs-overlay-blend: overlay; }
.fs-blend-darken { --fs-overlay-blend: darken; }
.fs-blend-lighten { --fs-overlay-blend: lighten; }
.fs-blend-color-dodge { --fs-overlay-blend: color-dodge; }
.fs-blend-color-burn { --fs-overlay-blend: color-burn; }
.fs-blend-hard-light { --fs-overlay-blend: hard-light; }
.fs-blend-soft-light { --fs-overlay-blend: soft-light; }
.fs-blend-difference { --fs-overlay-blend: difference; }
.fs-blend-exclusion { --fs-overlay-blend: exclusion; }
.fs-blend-hue { --fs-overlay-blend: hue; }
.fs-blend-saturation { --fs-overlay-blend: saturation; }
.fs-blend-color { --fs-overlay-blend: color; }
.fs-blend-luminosity { --fs-overlay-blend: luminosity; }

/* Keep Cover blending inside this Cover, including nested Cover blocks. */
.wp-block-cover.fs-blend--cover,
.wp-block-cover-image.fs-blend--cover {
    isolation: isolate;
}
.wp-block-cover.fs-blend--cover > .wp-block-cover__background,
.wp-block-cover.fs-blend--cover > .wp-block-cover__gradient-background,
.wp-block-cover-image.fs-blend--cover > .wp-block-cover__background,
.wp-block-cover-image.fs-blend--cover > .wp-block-cover__gradient-background {
    mix-blend-mode: var(--fs-overlay-blend, normal);
}
/* Legacy Cover markup: overlay implemented as a pseudo-element. */
.wp-block-cover.fs-blend--cover.has-background-dim::before,
.wp-block-cover-image.fs-blend--cover.has-background-dim::before {
    mix-blend-mode: var(--fs-overlay-blend, normal);
}

/* Background layers only: never apply mix-blend-mode to the whole group. */
.fs-blend--background {
    background-blend-mode: var(--fs-overlay-blend, normal);
}

/* Featured Image may place the overlay inside its link or beside the image. */
.fs-blend--featured,
.fs-blend--featured .wp-block-post-featured-image {
    isolation: isolate;
}
.fs-blend--featured .wp-block-post-featured-image__overlay {
    mix-blend-mode: var(--fs-overlay-blend, normal);
    pointer-events: none;
}

/* Native blocks that paint backgrounds on an inner element. */
.fs-blend--button .wp-block-button__link,
.fs-blend--search .wp-block-search__button,
.fs-blend--table > table {
    background-blend-mode: var(--fs-overlay-blend, normal);
}