/* Effektgruppe: backgrounds/depth-blur; Reihenfolge in inc/assets.php. */

/* Container */
.depth-blurred-bg {
    overflow: hidden !important;
    position: relative;
    touch-action: pan-y; 
}

/* Die Spalte, die auf 600px begrenzt ist */
.depth-blurred-bg > .kt-inside-inner-col {
    position: relative;
    background-color: transparent !important;
    /* FIX 1: Verhindert, dass WebGL die Spalte aufdrückt */
    max-width: 100% !important; 
    min-width: 0 !important;
    width: 100% !important;
}

/* Das Canvas liegt jetzt wie ein absolut starrer Klon dahinter */
.depth-blurred-bg canvas {
    position: absolute;
    top: 0;
    left: 0;
    /* FIX 2: Absolut zwingende Maße, die sich an der Spalte orientieren */
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    
    z-index: -1; 
    pointer-events: none; 
    
    /* FIX 3: Hardware-Sicherung */
    contain: strict;
}

/* Inhalte (Buttons, Text) stabil und sichtbar halten */
.depth-blurred-bg > .kt-inside-inner-col > * {
    position: relative;
    z-index: 1;
}