/**
 * PWD Cursor Smoke Effect - Styles
 * Version 2.6.0
 */

/* Canvas */
.smoke-effect-canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none !important;
    background: none !important;
    opacity: 1 !important;
}

/*
 * FULL BODY placement:
 * Canvas is TRANSPARENT (no black bg) and overlays the entire page.
 * pointer-events:none means all clicks pass through to content below.
 */
.smoke-effect-wrapper.se-place-body {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    background: none !important;
}

/* No need to lift content — smoke is transparent overlay, clicks pass through */

/* SECTION placement */
.smoke-effect-wrapper.se-place-section {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: none !important;
    z-index: 0 !important;
    display: none;
}

.elementor-widget-smoke_effects {
    position: relative;
}

/* Show canvas when parent section has smoke-effect-present class */
.elementor-section.smoke-effect-present > .smoke-effect-wrapper.se-place-section,
.e-con.smoke-effect-present > .smoke-effect-wrapper.se-place-section {
    display: block;
}

/* Parent section styling */
.elementor-section.smoke-effect-present,
.e-con.smoke-effect-present {
    position: relative;
    overflow: visible;
}