/* GZA Theme V1.1.5: native Gutenberg-Hintergrundfarben transparent steuern.
 * Keine Auswirkung, solange die Deckkraft bei 100 % steht oder GZA Hintergrund aktiv ist.
 * Nur Hintergrundfarbe wird transparent, niemals Text oder Inhalt.
 * color-mix braucht einen modernen Browser (WP-Editor und gaengige Browser unterstuetzen es).
 */
.gza-native-bg-alpha:not(.wp-block-button) {
  background-color: color-mix(in srgb, var(--gza-native-bg-color) var(--gza-native-bg-opacity), transparent) !important;
}
.gza-native-bg-alpha.wp-block-button > .wp-block-button__link,
.gza-native-bg-alpha.wp-block-button .wp-block-button__link {
  background-color: color-mix(in srgb, var(--gza-native-bg-color) var(--gza-native-bg-opacity), transparent) !important;
}
/* Manche Gutenberg-Versionen verwenden im Editor einen Wrapper vor dem eigentlichen Block.
 * Den alten inneren Standardhintergrund aufheben, sonst legt sich dieser deckend davor.
 */
.editor-styles-wrapper .block-editor-block-list__block.gza-native-bg-alpha:not(.wp-block-button) {
  background-color: color-mix(in srgb, var(--gza-native-bg-color) var(--gza-native-bg-opacity), transparent) !important;
}
.editor-styles-wrapper .block-editor-block-list__block.gza-native-bg-alpha > :is(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-buttons,.wp-block-details,.wp-block-quote,.wp-block-table,.wp-block-list) {
  background-color: transparent !important;
}
.editor-styles-wrapper .block-editor-block-list__block.gza-native-bg-alpha.wp-block-button > .wp-block-button__link {
  background-color: color-mix(in srgb, var(--gza-native-bg-color) var(--gza-native-bg-opacity), transparent) !important;
}