/**
 * Pretpot Fireworks Effect Widget Styles
 */

.pretpot-fireworks-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.pretpot-fireworks-container.pretpot-fireworks--background {
    z-index: -1;
}

.pretpot-fireworks-container.pretpot-fireworks--middle {
    z-index: 50;
}

.pretpot-fireworks-container.pretpot-fireworks--overlay {
    z-index: 9999;
}

.pretpot-fireworks-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Click interaction enabled */
.pretpot-fireworks-container[data-click-interaction="pop_early"],
.pretpot-fireworks-container[data-click-interaction="add_new"] {
    pointer-events: auto;
}

/* Animation states */
.pretpot-fireworks-container.is-paused {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.pretpot-fireworks-container.is-fading-out {
    opacity: 0;
    transition: opacity 1s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pretpot-fireworks-container {
        /* Reduce particle count on mobile via JS, but keep container full size */
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .pretpot-fireworks-container {
        display: none;
    }
}