/* Gradient Background Plugin — style.css
   The .gradient-bg-wrap sits inside the Elementor widget/section.
   It stretches to cover the nearest position:relative ancestor
   (Elementor sections are position:relative by default). */

.gradient-bg-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

/* The Three.js renderer appends a <canvas> inside .gradient-bg-wrap */
.gradient-bg-wrap canvas {
    display: block;
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

/* SVG grain overlay sits above the canvas */
.gradient-bg-grain {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.10;
    z-index: 1;
}

/* Make sure Elementor content inside the same section
   sits above the gradient. Add z-index to your content widgets
   in Elementor's Advanced tab if needed. */