.lava-bubbles-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lava-bubbles-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}

/* Vignette radiale — donne la profondeur */
.lava-bubbles-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 50%, transparent 30%, rgba(0,0,0,0.55) 100%);
  z-index: 1;
  pointer-events: none;
}

/* Zone de contenu par-dessus les bulles */
.lava-bubbles-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 900px;
  box-sizing: border-box;
  pointer-events: auto;
}

/* Assure que tous les blocs enfants restent lisibles */
.lava-bubbles-inner > * {
  position: relative;
  z-index: 2;
}

/* Texte par défaut en blanc chaud dans la bannière */
.lava-bubbles-inner h1,
.lava-bubbles-inner h2,
.lava-bubbles-inner h3,
.lava-bubbles-inner h4,
.lava-bubbles-inner h5,
.lava-bubbles-inner h6 {
  color: #ffe8c8;
}

.lava-bubbles-inner p {
  color: rgba(255, 200, 140, 0.8);
}

.lava-bubbles-inner a {
  color: #ffb347;
}

/* Bouton natif Gutenberg dans la bannière */
.lava-bubbles-inner .wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(255, 120, 40, 0.6) !important;
  color: #ffb347 !important;
}

.lava-bubbles-inner .wp-block-button__link:hover {
  background: rgba(255, 100, 20, 0.2) !important;
  color: #ffe8c8 !important;
}

/* Alignements */
.lava-bubbles-wrap.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.lava-bubbles-wrap.alignwide {
  width: calc(100% + 4rem);
  margin-left: -2rem;
}

/* Éditeur : placeholder quand le bloc est vide */
.lava-bubbles-inner .block-editor-inner-blocks .block-list-appender {
  margin: 0 auto;
}