/* Zmienne CSS */
:root {
    /* Kolory podstawowe */
    --color-swiperbg: #ffffff;
    --box-shadow-swiper: 4px 4px 10px -3px rgba(66, 68, 90, 0.65);
    --swiper-pagination-color: #016954;
}

[data-theme="dark"] {
    --color-swiperbg: #3A3939;
    --box-shadow-swiper: 4px 4px 10px -3px rgb(20, 20, 20);
    --swiper-pagination-color: #00b392;
}

.swiper-container {
  position: relative;
  width: 100%;
  max-width: 96%;
  margin: 0 auto;
  margin-top: 40px;
}

    .swiper-container .swiper-button-prev,
    .swiper-container .swiper-button-next,
    .swiper-container .praca-button-prev,
    .swiper-container .praca-button-next,
    .swiper-container .orzecznictwo-button-prev,
    .swiper-container .orzecznictwo-button-next {
        top: auto;
        width: auto;
        height: 45px;
        left: auto;
        right: 0;
        bottom: -35px;
        /* background-color: blueviolet; */
        background-size: 35px; /* Ensures the image fits within the element */
        background-repeat: no-repeat; /* Prevents the image from repeating */
        background-position: center; /* Centers the image within the element */
    }


    .swiper-container .swiper-button-prev,
    .swiper-container .praca-button-prev,
    .swiper-container .orzecznictwo-button-prev {
        left: 50%;
        transform: translateX(-100%);
        background-image: url('../img/left_arrow.svg');
    }

    .swiper-container .swiper-button-next,
    .swiper-container .praca-button-next,
    .swiper-container .orzecznictwo-button-next {
        left: 50%;
        background-image: url('../img/right_arrow.svg');
    }

    .swiper-container .swiper-pagination,
    .swiper-container .praca-pagination,
    .swiper-container .orzecznictwo-pagination {
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
    background: var(--color-swiperbg);
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: 0px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    border-radius: .3rem;
    box-shadow: var(--box-shadow-swiper);
}

    .bottom {
      position: absolute;
      bottom: 0; /* set the bottom to 0*/
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      right: 0;
      display: flex;
      align-items: left;
      justify-content: start;
      border-radius: 0px 0px .3rem .3rem;
      padding-left:20px;
      
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper {
      padding: 20px 10px 10px 10px !important;
      width: 100%;
      /* max-width: 1000px; */
      height: 32em;
      margin: 10px auto;
    }

.swiper-button-next::after,
.swiper-button-prev::after,
.praca-button-next::after,
.praca-button-prev::after,
.orzecznictwo-button-next::after,
.orzecznictwo-button-prev::after {
    transform: scale(0.5); /* Adjust this value to change the size of the arrows */
    content: none;
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color);
}