/* 1. Stile Container della Riga */
.siri-wave-row-bg {
    position: relative !important;
    overflow: hidden !important;
    /* Rimuove il colore di default se necessario, ma meglio lasciarlo gestire a WPBakery */
}

/* 2. Il Canvas (L'onda) */
.siri-wave-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Z-INDEX 1: Sopra lo sfondo base (0), Sotto il contenuto (10) */
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

/* 3. FIX SPECIFICO PER SALIENT HTML */
/* L'HTML mostra che il contenuto è dentro "row_col_wrap_12" o "inner-wrap" */

/* Forza qualsiasi wrapper di colonne (row_col_wrap_12, _12_inner, etc) a stare SOPRA */
.siri-wave-row-bg > div[class*="row_col_wrap"],
.siri-wave-row-bg > .vc_column_container,
.siri-wave-row-bg > .vc_col-sm-12,
.siri-wave-row-bg > .vc_column-inner,
.siri-wave-row-bg .container {
    position: relative;
    z-index: 10; /* Priorità alta per testi e bottoni */
}

/* 4. Forza gli sfondi di Salient (Video/Img) a stare SOTTO il canvas */
.siri-wave-row-bg > .row-bg-wrap,
.siri-wave-row-bg .nectar-video-wrap,
.siri-wave-row-bg .row-bg,
.siri-wave-row-bg .using-image,
.siri-wave-row-bg .row-bg-layer {
    z-index: 0;
}
