/**
 * Główny banner nowej strony głównej — style poza ticss.
 * Dodaj klasę `banner-nowy` do grupy bannera.
 * Strzałki przenosi poza swiper banner-slider-arrows.js (celuje w `.banner-nowy`).
 */

.banner-nowy img { width: 100%; border-radius: 30px; }
.banner-nowy .wp-block-image { margin: 0; border-radius: 30px; }

/* ukrycie zbędnego elementu (dawniej w customCSS bannera) */
.ticss-8de2811a { display: none !important; }

/* STRZALKI SLIDERA — TYLKO DESKTOP */
/* zwężenie slajdera przez padding wrappera (border-box, żeby padding zwężał, a nie rozpychał) */
@media (min-width: 769px) {
    .banner-nowy .block-slider-wrapper {
        box-sizing: border-box;
        padding-left: 64px;
        padding-right: 64px;
    }
}

/* strzałki przeniesione poza swiper (banner-slider-arrows.js) */
.banner-nowy .block-slider-wrapper > .swiper-button-prev,
.banner-nowy .block-slider-wrapper > .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    margin: 0;
    z-index: 10;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-nowy .block-slider-wrapper > .swiper-button-prev {
    left: 8px;
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/left-arrow.svg");
}
.banner-nowy .block-slider-wrapper > .swiper-button-next {
    right: 8px;
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/right-arrow.svg");
}
.banner-nowy .block-slider-wrapper .swiper-button-prev::after,
.banner-nowy .block-slider-wrapper .swiper-button-next::after { content: none; }

.banner-nowy .block-slider-wrapper > .swiper-button-prev:hover {
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/left-arrow-hover.svg");
}
.banner-nowy .block-slider-wrapper > .swiper-button-next:hover {
    background-image: url("/wp-content/themes/lemmony/jt/assets/icons/nowa_strona_glowna/right-arrow-hover.svg");
}

/* na mobile brak strzałek */
@media (max-width: 768px) {
    .banner-nowy .block-slider-wrapper > .swiper-button-prev,
    .banner-nowy .block-slider-wrapper > .swiper-button-next { display: none; }
}
