/* GZA Blocktheme V1.1.4 – gemeinsame Hintergrundsteuerung fuer alle Seiten.
 * Die bestehende GZA-Hintergrund-Steuerung wurde bisher auch auf neuen
 * Geschossseiten angezeigt; ihre CSS-Regeln aber nur auf Legacy-Seiten geladen.
 * Die Regeln gelten AUSSCHLIESSLICH, wenn "Individuellen Hintergrund verwenden"
 * im GZA-Panel aktiviert ist. Ohne diese Klasse bleibt die native
 * Gutenberg-Farbsteuerung (Stile > Farbe > Hintergrund) unangetastet.
 * Deckkraft bezieht sich nur auf die Hintergrundflaeche, nicht den Text. */

/* Frontend und Editor: Der GZA-Farbwert gewinnt nur bei aktivierter Option.
 * !important ist hier benoetigt, um gespeicherte Gutenberg-Inline-Farben zu
 * uebersteuern, falls der Nutzer die GZA-Deckkraft bewusst einschaltet. */
.gza-v7-custom-background.gza-v7-bg-surface {
  background-color: var(--gza-bg-rgba, rgba(255, 255, 255, .85)) !important;
}

/* Gutenberg Editor nutzt fuer etliche Bloecke einen zusaetzlichen Wrapper.
 * CSS-Variable wird vom Wrapper an die sichtbare innere Blockflaeche vererbt. */
.editor-styles-wrapper .block-editor-block-list__block.gza-v7-custom-background.gza-v7-bg-surface,
.editor-styles-wrapper .block-editor-block-list__block.gza-v7-custom-background.gza-v7-bg-surface > .wp-block-group,
.editor-styles-wrapper .block-editor-block-list__block.gza-v7-custom-background.gza-v7-bg-surface > .wp-block-column,
.editor-styles-wrapper .block-editor-block-list__block.gza-v7-custom-background.gza-v7-bg-surface > .wp-block-columns,
.editor-styles-wrapper .block-editor-block-list__block.gza-v7-custom-background.gza-v7-bg-surface > .wp-block-cover {
  background-color: var(--gza-bg-rgba, rgba(255, 255, 255, .85)) !important;
}

/* Bildueberlagerung: Der Schleier liegt hinter Inhalt/Text. */
.gza-v7-custom-background.gza-v7-bg-overlay {
  position: relative !important;
  isolation: isolate;
}
.gza-v7-custom-background.gza-v7-bg-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--gza-bg-rgba, rgba(255, 255, 255, .85));
  border-radius: inherit;
}
.gza-v7-custom-background.gza-v7-bg-overlay > * {
  position: relative;
  z-index: 2;
}

/* Cover: Hintergrundbild bleibt hinter dem zusaetzlichen GZA-Schleier. */
.wp-block-cover.gza-v7-bg-overlay > .wp-block-cover__background,
.wp-block-cover.gza-v7-bg-overlay > .wp-block-cover__image-background,
.wp-block-cover.gza-v7-bg-overlay > video.wp-block-cover__video-background {
  z-index: 0 !important;
}
.wp-block-cover.gza-v7-bg-overlay > .wp-block-cover__inner-container {
  z-index: 2 !important;
}
