/* Container des particules via shortcode */
.spb-particles-container {
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

.spb-particles-container canvas {
    display: block !important;
    position: relative !important;
}

/* Container auto-généré */
.spb-auto-particles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
}

.spb-auto-particles canvas {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Classes pour les sections avec effet en BG */
.spb-stars-bg,
.spb-lights-bg,
.spb-glitter-bg,
.spb-snow-bg,
.spb-fireflies-bg,
.spb-galaxy-bg,
.spb-diamonds-bg,
.spb-luxe-bg,
.spb-champagne-bg {
    position: relative !important;
    overflow: visible !important;
    min-height: 200px;
}

/* Assurer que le contenu est au-dessus */
.spb-stars-bg > *:not(.spb-auto-particles),
.spb-lights-bg > *:not(.spb-auto-particles),
.spb-glitter-bg > *:not(.spb-auto-particles),
.spb-snow-bg > *:not(.spb-auto-particles),
.spb-fireflies-bg > *:not(.spb-auto-particles),
.spb-galaxy-bg > *:not(.spb-auto-particles),
.spb-diamonds-bg > *:not(.spb-auto-particles),
.spb-luxe-bg > *:not(.spb-auto-particles),
.spb-champagne-bg > *:not(.spb-auto-particles) {
    position: relative !important;
    z-index: 2 !important;
}

/* Forcer dans les popups Elementor */
.elementor-popup-modal .spb-auto-particles,
.dialog-widget-content .spb-auto-particles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

/* Elementor sections */
.elementor-section.spb-stars-bg,
.elementor-section.spb-lights-bg,
.elementor-section.spb-glitter-bg,
.elementor-section.spb-fireflies-bg,
.elementor-section.spb-luxe-bg,
.elementor-section.spb-galaxy-bg,
.elementor-section.spb-diamonds-bg,
.elementor-section.spb-champagne-bg,
.elementor-section.spb-snow-bg {
    position: relative !important;
    overflow: visible !important;
}

/* Elementor containers (nouveau builder) */
.e-con.spb-stars-bg,
.e-con.spb-lights-bg,
.e-con.spb-glitter-bg,
.e-con.spb-fireflies-bg,
.e-con.spb-luxe-bg,
.e-con.spb-galaxy-bg,
.e-con.spb-diamonds-bg,
.e-con.spb-champagne-bg,
.e-con.spb-snow-bg {
    position: relative !important;
    overflow: visible !important;
}

/* Fix pour tsParticles canvas */
#tsparticles canvas,
[id^="spb-"] canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    pointer-events: none !important;
}