/**
 * Particle JS Background — Base Styles
 * Ensures any .particle-js section properly hosts the particle canvas
 * behind its existing content.
 */

.pjb-section {
	position: relative;
	overflow: hidden;
}

.pjb-canvas-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: auto;
}

.pjb-canvas-container canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

/* Keep all existing direct children of the section above the particle canvas */
.pjb-section > *:not(.pjb-canvas-container) {
	position: relative;
	z-index: 1;
}