/**
 * Blueprint Core — Pattern Decor Layer Foundation
 *
 * Geometrie + Stacking-Context für <div class="bp-pattern-decor">.
 * Pattern-CSS-Files setzen NUR Visual-Properties unter ihrer scoped
 * .bp-pattern-decor--<slug> Klasse.
 *
 * z-index-Stack innerhalb Section:
 *   .bp-pattern-decor    z-index: 1   (atmosphäre, hinter content)
 *   .bp-section__inner   z-index: 2   (content)
 *   .bp-divider          z-index: 50  (theme-owned, immer oben)
 *
 * @since 1.20.0-pattern-system-v2
 */

.bp-pattern-decor {
    position: absolute;
    inset: var(--bp-divider-top-h, 0)
           0
           var(--bp-divider-bottom-h, 0)
           0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;        /* clipt LOKAL, nicht auf Section */
    isolation: isolate;      /* eigener Stacking-Context, Divider-immun */
    opacity: var(--bp-pattern-opacity, 1);
}

/* Section-Inner muss über Pattern-Decor liegen */
.bp-pagebuilder-section.has-pattern-decor > .section-inner,
.bp-section.has-pattern-decor > .section-inner,
.bp-section.has-pattern-decor > .bp-section__inner {
    position: relative;
    z-index: 2;
}

/* Marker-Klasse für DevTools / Pattern-Pack-Designer — kein Side-Effect */
.bp-pagebuilder-section.has-pattern-decor,
.bp-section.has-pattern-decor {
    /* intentionally empty */
}