/**
 * HyzenPro Particle Canvas Background
 * 
 * Floating particles with connection lines
 * Can be toggled via Elementor widget or Customizer
 * 
 * @package HyzenPro
 * @since 1.0.0
 */

/* ==========================================================================
   Particle Canvas Styles
   ========================================================================== */

.hyzen-particle-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.6;
    pointer-events: none;
}

/* Section-specific canvas (not fixed) */
.hyzen-particle-canvas--section {
    position: absolute;
    z-index: 1;
}

/* Hide particles when disabled */
.hyzen-particles-disabled .hyzen-particle-canvas {
    display: none !important;
}

/* Reduce animation for reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .hyzen-particle-canvas {
        opacity: 0.3;
    }
}

/* Performance: hide on low-end devices based on viewport */
@media (max-width: 768px) {
    .hyzen-particle-canvas {
        opacity: 0.4;
    }
}