.nb4-slider-nested-tabs{
    width:100%;
    --nb4-tab-border:#d5d8dc;
    --nb4-tab-bg:#fff;
    --nb4-tab-active-bg:#f3f4f6;
    --nb4-tab-radius:8px;
    --nb4-nav-gap:16px;
    --nb4-tab-gap:12px;
    --nb4-content-gap:16px;
    --nb4-arrow-size:36px;
}
.nb4-slider-nested-tabs *{box-sizing:border-box}
.nb4-tabs-nav-wrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    margin:0 0 var(--nb4-content-gap);
    padding:0;
    min-height:var(--nb4-arrow-size);
    overflow:visible;
    gap:var(--nb4-nav-gap);
}
.nb4-tabs-nav-wrap.nb4-no-arrows{padding-left:0;padding-right:0}
.nb4-tabs-swiper{
    flex:0 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    overflow:auto;
    scrollbar-width:none;
    margin:0!important;
    padding:0!important;
    position:relative;
    z-index:1;
}
.nb4-tabs-swiper::-webkit-scrollbar{display:none}
.nb4-tabs-swiper .swiper-wrapper{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    gap:var(--nb4-tab-gap);
}
.nb4-has-swiper .nb4-tabs-swiper{overflow:hidden}
.nb4-has-swiper .nb4-tabs-swiper .swiper-wrapper{gap:0}
.nb4-tab-slide{height:auto;display:flex;flex:0 0 auto;margin:0!important;padding:0!important;width:auto!important}
.nb4-tab-button{
    width:auto;
    min-height:44px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--nb4-tab-border);
    background:var(--nb4-tab-bg);
    border-radius:var(--nb4-tab-radius);
    padding:12px 18px;
    margin:0!important;
    color:inherit;
    text-decoration:none;
    line-height:1.2;
    cursor:pointer;
    white-space:nowrap;
    text-align:center;
    appearance:none;
    -webkit-appearance:none;
    transition:background .2s,border-color .2s,border-width .2s,border-radius .2s,box-shadow .2s,color .2s;
    position:relative;
    z-index:2;
}
.nb4-tab-button:hover,.nb4-tab-button:focus{background:var(--nb4-tab-active-bg);outline:none}
.nb4-tab-button.is-active{background:var(--nb4-tab-active-bg)}
.nb4-tab-icon,.nb4-tab-button svg,.nb4-tab-button i{display:inline-flex;flex:0 0 auto}
.nb4-tab-title{display:inline-block;overflow:visible;visibility:visible;opacity:1}

/* Width modes */
.nb4-tabs-width-auto .nb4-tabs-swiper{flex:0 1 auto;width:auto;max-width:calc(100% - (var(--nb4-arrow-size) * 2) - var(--nb4-nav-gap));}
.nb4-tabs-width-auto.nb4-no-arrows .nb4-tabs-swiper,
.nb4-tabs-width-auto .nb4-tabs-nav-wrap.nb4-no-arrows .nb4-tabs-swiper{max-width:100%;}
.nb4-tabs-width-auto .nb4-tab-slide{width:auto!important;flex:0 0 auto!important;}
.nb4-tabs-width-auto .nb4-tab-button{width:auto;min-width:0;}

.nb4-tabs-width-equal .nb4-tabs-swiper{flex:1 1 auto;width:100%;}
.nb4-tabs-width-equal .nb4-tab-button{width:100%;}

.nb4-tabs-width-full .nb4-tabs-swiper{flex:1 1 auto;width:100%;}
.nb4-tabs-width-full .swiper-wrapper{width:100%!important;}
.nb4-tabs-width-full .nb4-tab-slide{flex:1 1 0!important;width:auto!important;}
.nb4-tabs-width-full .nb4-tab-button{width:100%;}

/* Alignment modes */
.nb4-tabs-align-left .nb4-tabs-nav-wrap{justify-content:flex-start;}
.nb4-tabs-align-left .nb4-tabs-swiper{margin-right:0!important;}
.nb4-tabs-align-center .nb4-tabs-nav-wrap{justify-content:center;}
.nb4-tabs-align-right .nb4-tabs-nav-wrap{justify-content:flex-end;}
.nb4-tabs-align-center .nb4-tabs-swiper .swiper-wrapper{justify-content:center;}
.nb4-tabs-align-right .nb4-tabs-swiper .swiper-wrapper{justify-content:flex-end;}

.nb4-tab-arrow{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    z-index:5;
    width:var(--nb4-arrow-size);
    height:var(--nb4-arrow-size);
    min-width:var(--nb4-arrow-size);
    min-height:var(--nb4-arrow-size);
    border:1px solid var(--nb4-tab-border);
    background:#fff;

    border-radius:999px;
    color:inherit;
    cursor:pointer;
    font-size:24px;
    line-height:1;
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:0!important;
    margin:0!important;
    appearance:none;
    -webkit-appearance:none;
    flex:0 0 auto;
    transition:background .2s,border-color .2s,color .2s,opacity .2s;
}
.nb4-tab-arrow:hover,.nb4-tab-arrow:focus{outline:none}
.nb4-tab-prev{order:2;margin-left:auto!important}
.nb4-tab-next{order:3}
.nb4-tab-arrow.swiper-button-disabled{opacity:.45;cursor:not-allowed}
.nb4-tabs-content{width:100%;margin:0!important;padding:0!important;clear:both}
.nb4-tab-panel{display:none;width:100%;margin:0!important;padding:0!important}
.nb4-tab-panel.is-active{display:block}
.nb4-tab-panel[hidden]{display:none!important}
.elementor-editor-active .nb4-tab-panel{min-height:100px;border:1px dashed #c7c7c7;padding:12px!important}
.elementor-editor-active .nb4-tab-panel:not(.is-active){display:none}
.elementor-editor-active .nb4-tab-panel.is-active:empty:before{content:'Trascina qui widget o container Elementor';display:block;color:#777;text-align:center;padding:24px 10px}
.elementor-editor-active .nb4-tabs-nav-wrap{pointer-events:auto}
@media(max-width:767px){
    .nb4-tabs-nav-wrap{gap:8px;align-items:flex-start}
    .nb4-tabs-width-auto .nb4-tabs-swiper{max-width:calc(100% - (var(--nb4-arrow-size) * 2) - 16px);}
    .nb4-tab-button{padding:10px 14px}
    .nb4-tab-arrow{font-size:20px}
}

/* v1.9.0: arrow group and mobile vertical tabs */
.nb4-tabs-arrows{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:0 0 auto;
    margin-left:auto;
    order:2;
}
.nb4-tabs-arrows .nb4-tab-prev,
.nb4-tabs-arrows .nb4-tab-next{order:initial;margin-left:0!important}

@media(max-width:767px){
    .nb4-tabs-nav-wrap{
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:var(--nb4-tab-gap);
    }
    .nb4-tabs-width-auto .nb4-tabs-swiper,
    .nb4-tabs-swiper{
        width:100%;
        max-width:100%!important;
        overflow:visible;
    }
    .nb4-tabs-swiper .swiper-wrapper{
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start!important;
        gap:var(--nb4-tab-gap)!important;
        width:100%!important;
    }
    .nb4-tab-slide{
        width:auto!important;
        max-width:100%;
    }
    .nb4-tabs-width-full .nb4-tab-slide,
    .nb4-tabs-width-equal .nb4-tab-slide{
        width:100%!important;
    }
    .nb4-tabs-width-full .nb4-tab-button,
    .nb4-tabs-width-equal .nb4-tab-button{
        width:100%;
    }
    .nb4-tabs-arrows{
        width:100%;
        justify-content:flex-start;
        margin-left:0;
        margin-top:0;
        gap:8px;
    }
}



/* v2.0.3: fixed tab labels, no tab-strip movement */
.nb4-slider-nested-tabs .nb4-tabs-nav-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:var(--nb4-nav-gap) !important;
    overflow:visible !important;
}
.nb4-slider-nested-tabs .nb4-tabs-swiper{
    flex:0 1 auto !important;
    width:auto !important;
    max-width:calc(100% - (var(--nb4-arrow-size) * 2) - var(--nb4-nav-gap) - 16px) !important;
    min-width:0 !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
}
.nb4-slider-nested-tabs .nb4-tabs-swiper .swiper-wrapper{
    transform:none !important;
    transition:none !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:var(--nb4-tab-gap) !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}
.nb4-slider-nested-tabs .nb4-tab-slide{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}
.nb4-slider-nested-tabs .nb4-tab-button{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    white-space:nowrap !important;
}
.nb4-slider-nested-tabs .nb4-tabs-arrows{
    flex:0 0 auto !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}
.nb4-slider-nested-tabs .swiper-slide-duplicate{
    display:none !important;
}
@media(max-width:767px){
    .nb4-slider-nested-tabs .nb4-tabs-nav-wrap{
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
    }
    .nb4-slider-nested-tabs .nb4-tabs-swiper{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 auto !important;
    }
    .nb4-slider-nested-tabs .nb4-tabs-swiper .swiper-wrapper{
        flex-direction:column !important;
        flex-wrap:nowrap !important;
        width:100% !important;
        gap:var(--nb4-tab-gap) !important;
    }
    .nb4-slider-nested-tabs .nb4-tab-slide{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 auto !important;
    }
    .nb4-slider-nested-tabs .nb4-tab-button{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        justify-content:center !important;
    }
    .nb4-slider-nested-tabs .nb4-tabs-arrows{
        width:100% !important;
        margin-left:0 !important;
        justify-content:center !important;
    }
}


/* v2.0.4: safer typography target for Elementor editor/save */
.nb4-slider-nested-tabs .nb4-tab-button .nb4-tab-title{
    font:inherit;
    letter-spacing:inherit;
    text-transform:inherit;
    text-decoration:inherit;
    line-height:inherit;
}

/* v2.0.5: nested repeater title editing stability fixes */


/* v2.0.6: tab gradient/background belongs to the whole tab button */
.nb4-slider-nested-tabs .nb4-tab-button{
    background-clip:border-box !important;
}
.nb4-slider-nested-tabs .nb4-tab-button .nb4-tab-title{
    background:transparent !important;
    background-image:none !important;
}
