/* Canvas Particles WP - Custom Styles */

/* Ensure header__middle has proper positioning for canvas overlay */
.header__middle {
    position: relative !important;
    overflow: hidden;
}

/* Canvas particles container */
#canvas-particles-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Ensure header content stays above particles */
.header__middle > *:not(#canvas-particles-header) {
    position: relative !important;
    z-index: 2 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header__middle {
        min-height: 60px;
    }
}

/* Performance optimizations */
#canvas-particles-header {
    will-change: transform;
    transform: translateZ(0);
}