/* ============================================================
   Slider Hero with Elementor — slider.css
   ============================================================ */

.she-slider-wrapper {
    position: relative;
    width: 100%;
}

.she-slider.swiper {
    width: 100%;
    overflow: hidden;
}

.she-slider .swiper-slide {
    box-sizing: border-box;
    height: auto;
}

/* ── Strzałki ── */
.she-slider .swiper-button-prev,
.she-slider .swiper-button-next {
    --swiper-navigation-size: 44px;
    color: #fff;
    background: rgba(0,0,0,.35);
    width:  calc(var(--swiper-navigation-size) + 16px);
    height: calc(var(--swiper-navigation-size) + 16px);
    border-radius: 50%;
    transition: background .25s ease;
}
.she-slider .swiper-button-prev:hover,
.she-slider .swiper-button-next:hover {
    background: rgba(0,0,0,.6);
}
.she-slider .swiper-button-prev::after,
.she-slider .swiper-button-next::after {
    font-size: calc(var(--swiper-navigation-size) * .45);
}

/* ── Kropki ── */
.she-slider .swiper-pagination {
    bottom: 16px;
}
.she-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .55;
    transition: opacity .25s, transform .25s;
}
.she-slider .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.35);
    background: #fff; /* nadpisywane przez selektor z Elementora */
}

/* ── Animacje treści ── */
@keyframes she-fadeInUp    { from{opacity:0;transform:translateY(30px)}  to{opacity:1;transform:translateY(0)} }
@keyframes she-fadeInDown  { from{opacity:0;transform:translateY(-30px)} to{opacity:1;transform:translateY(0)} }
@keyframes she-fadeInLeft  { from{opacity:0;transform:translateX(-30px)} to{opacity:1;transform:translateX(0)} }
@keyframes she-fadeInRight { from{opacity:0;transform:translateX(30px)}  to{opacity:1;transform:translateX(0)} }
@keyframes she-zoomIn      { from{opacity:0;transform:scale(.85)}        to{opacity:1;transform:scale(1)} }

.she-slider .swiper-slide .fadeInUp.she-animated    { animation: she-fadeInUp    .8s ease both; }
.she-slider .swiper-slide .fadeInDown.she-animated  { animation: she-fadeInDown  .8s ease both; }
.she-slider .swiper-slide .fadeInLeft.she-animated  { animation: she-fadeInLeft  .8s ease both; }
.she-slider .swiper-slide .fadeInRight.she-animated { animation: she-fadeInRight .8s ease both; }
.she-slider .swiper-slide .zoomIn.she-animated      { animation: she-zoomIn      .8s ease both; }