/**
 * PX Spline - Styles for Spline background
 */

.px-has-spline-background {
    position: relative !important;
}

.px-has-spline-background.px-spline-global {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

.px-spline-background-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    pointer-events: none !important;
}

/* Interactive mode - canvas catches mouse events */
.px-spline-interactive .px-spline-background-canvas {
    pointer-events: auto !important;
}

/* Pass events through content to canvas */
.px-spline-interactive .elementor-widget-wrap,
.px-spline-interactive .elementor-container,
.px-spline-interactive .e-con-inner,
.px-spline-interactive .elementor-widget,
.px-spline-interactive .elementor-heading-title,
.px-spline-interactive .elementor-text-editor,
.px-spline-interactive p,
.px-spline-interactive span {
    pointer-events: none !important;
}

/* Clickable elements remain interactive */
.px-spline-interactive a,
.px-spline-interactive button,
.px-spline-interactive input,
.px-spline-interactive .elementor-button,
.px-spline-interactive .elementor-button-wrapper {
    pointer-events: auto !important;
}