/* ===  Soda Silk Background  === */

/* Global fullscreen background */
#soda-silk-bg-wrap {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

#soda-silk-bg-wrap canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* ── Inline mode (shortcode & Elementor inline) ──────────────── */
.soda-silk-instance--inline {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.soda-silk-instance--inline canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  inset: 0;
}

/* ── Section-background mode (Elementor widget) ──────────────── */
/* The trigger div takes no space */
.soda-silk-instance--section {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Canvas wrapper injected by JS into parent section */
.soda-silk-section-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.soda-silk-section-canvas canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}