/**
 * Simple Particles - Styles for Container/Section/Column Extension
 */

.simple-particles-container {
    position: relative;
    overflow: hidden;
    min-height: var(--min-height, auto);
}

.simple-particles-container canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: auto !important;
    will-change: opacity;
    isolation: isolate;
}

/* Ensure all content is above particles */
.simple-particles-container > .elementor-container,
.simple-particles-container > .elementor-column-wrap,
.simple-particles-container > .elementor-widget-wrap,
.simple-particles-container > .elementor-background-overlay,
.simple-particles-container > .elementor-motion-effects-container,
.simple-particles-container .elementor-widget,
.simple-particles-container .elementor-element,
.simple-particles-container .elementor-column,
.simple-particles-container > * {
    position: relative;
    z-index: 1;
    isolation: isolate;
}

/* Simple approach - content blocks hover only when directly hovered */
.simple-particles-container .elementor-widget-image img,
.simple-particles-container .elementor-widget-text-editor,
.simple-particles-container .elementor-widget-heading {
    pointer-events: auto;
}

/* Specific for sections */
.elementor-section.simple-particles-container .elementor-container {
    position: relative;
    z-index: 1;
}

.elementor-section.simple-particles-container .elementor-column {
    position: relative;
    z-index: 1;
}

.elementor-section.simple-particles-container .elementor-widget {
    position: relative;
    z-index: 1;
}

/* Specific for columns */
.elementor-column.simple-particles-container .elementor-widget-wrap {
    position: relative;
    z-index: 1;
}

.elementor-column.simple-particles-container .elementor-widget {
    position: relative;
    z-index: 1;
}

/* Specific for containers */
.elementor-container.simple-particles-container .elementor-column {
    position: relative;
    z-index: 1;
}

.elementor-container.simple-particles-container .elementor-widget {
    position: relative;
    z-index: 1;
}

.elementor-edit-mode .simple-particles-container canvas {
    pointer-events: none !important;
    z-index: 0 !important;
}

.elementor-edit-mode .simple-particles-container .elementor-editor-element-settings,
.elementor-edit-mode .simple-particles-container .elementor-element-overlay,
.elementor-edit-mode .simple-particles-container .elementor-editor-element-setting,
.elementor-edit-mode .simple-particles-container .elementor-editor-element-add,
.elementor-edit-mode .simple-particles-container .elementor-editor-element-duplicate,
.elementor-edit-mode .simple-particles-container .elementor-editor-element-remove {
    z-index: 10 !important;
}

@media (prefers-reduced-motion: reduce) {
    .simple-particles-container canvas {
        opacity: 0.3;
    }
}