/**
 * WP Shader for Elementor — Frontend Styles
 * Minimal footprint for canvas rendering
 */

/* Canvas container */
.wpshader-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
}

/* Overlay layer */
.wpshader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

/* Content visibility boost — ensures content stays above shader */
.wpshader-content-boost > *:not(.wpshader-canvas):not(.wpshader-overlay) {
    position: relative;
    z-index: 2;
}

/* Fallback gradient */
.wpshader-fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(135deg, #0a0e1a 0%, #1a1a2e 50%, #16213e 100%);
}

/* Reduced motion — static state */
@media (prefers-reduced-motion: reduce) {
    .wpshader-canvas {
        display: none !important;
    }
    .wpshader-fallback {
        display: block !important;
    }
}

/* Print — hide shaders */
@media print {
    .wpshader-canvas,
    .wpshader-overlay,
    .wpshader-fallback {
        display: none !important;
    }
}