/* Bohwajin Particle Background Styles */

/* Houdini PaintWorklet CSS Custom Properties */
@supports (background: paint(something)) {
    @property --ring-radius { syntax: '<number> | auto'; inherits: false; initial-value: auto; }
    @property --ring-thickness { syntax: '<number>'; inherits: false; initial-value: 600; }
    @property --particle-count { syntax: '<number>'; inherits: false; initial-value: 80; }
    @property --particle-rows { syntax: '<number>'; inherits: false; initial-value: 25; }
    @property --particle-size { syntax: '<number>'; inherits: false; initial-value: 2; }
    @property --particle-color { syntax: '<color>'; inherits: false; initial-value: navy; }
    @property --particle-min-alpha { syntax: '<number>'; inherits: false; initial-value: 0.1; }
    @property --particle-max-alpha { syntax: '<number>'; inherits: false; initial-value: 1.0; }
    @property --seed { syntax: '<number>'; inherits: false; initial-value: 0; }
    @property --ring-x { syntax: '<number>'; inherits: false; initial-value: 50; }
    @property --ring-y { syntax: '<number>'; inherits: false; initial-value: 50; }
    @property --ring-interactive { syntax: '<number>'; inherits: false; initial-value: 0; }
    @property --animation-tick { syntax: '<number>'; inherits: false; initial-value: 0; }
}

.bw_pb_bg { 
    position: relative;
    min-height: 400px;
}

.bw_pb_row { 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 1;
    pointer-events: none;
}

.bw_pb_row canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Row가 높이가 없을 때 기본 높이 설정 */
.vc_row.bw_pb_bg:not([style*="height"]) {
    min-height: 500px;
}

/* 콘텐츠가 파티클 위에 표시되도록 */
.bw_pb_bg > .vc_column_container,
.bw_pb_bg > .wpb_column {
    position: relative;
    z-index: 2;
}