/* Gradient Background Plugin — style.css */

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

.gradient-bg-wrap canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    /* Intentionally taller than container — extra height absorbed by overflow:hidden above */
    height: calc(100% + 120px) !important;
}

/* Hidden by default — fades in after canvas first render to prevent grain flash */
.gradient-bg-grain {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease;
}

.gradient-bg-grain.ready {
    opacity: 0.10;
}

/* Force the Elementor shortcode wrapper to fill its parent */
.elementor-shortcode:has(.gradient-bg-wrap) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}