/**
 * TW Background Slider
 */

/* Kontener z sliderem tła */
.tw-bg-slider-container {
    position: relative !important;
    overflow: hidden !important;
}

/* Wrapper dla slajdów */
.tw-bg-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}

/* Pojedynczy slajd */
.tw-bg-slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
}

.tw-bg-slider__slide.is-active {
    opacity: 1;
    z-index: 2;
}

/* Efekt fade */
.tw-bg-slider--fade .tw-bg-slider__slide {
    transition: opacity var(--tw-bg-transition, 1000ms) ease-in-out;
}

/* Efekt slide */
.tw-bg-slider--slide .tw-bg-slider__slide {
    transition: transform var(--tw-bg-transition, 1000ms) ease-in-out, opacity 0ms;
    transform: translateX(100%);
    opacity: 1;
}

.tw-bg-slider--slide .tw-bg-slider__slide.is-active {
    transform: translateX(0);
}

.tw-bg-slider--slide .tw-bg-slider__slide.is-prev {
    transform: translateX(-100%);
}

/* Efekt zoom */
.tw-bg-slider--zoom .tw-bg-slider__slide {
    transition: opacity var(--tw-bg-transition, 1000ms) ease-in-out, transform var(--tw-bg-transition, 1000ms) ease-in-out;
    transform: scale(1.1);
}

.tw-bg-slider--zoom .tw-bg-slider__slide.is-active {
    transform: scale(1);
}

/* Overlay */
.tw-bg-slider__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    pointer-events: none;
}

/* Upewnij się że content jest nad sliderem */
.tw-bg-slider-container > .e-con-inner,
.tw-bg-slider-container > .elementor-container {
    position: relative;
    z-index: 10;
}

/* Ukryj domyślne tło Elementora gdy slider jest aktywny */
.tw-bg-slider-container > .elementor-background-overlay {
    display: none !important;
}