/** override slider slick-theme **/
.slider-container {
  margin-bottom: 2.5rem;

  .slick-slide {
    figure {
      width: 95%;
    }

    &:focus,
    &:focus-visible,
    &:has(figure.img-wrapper a:focus),
    &:has(figure.img-wrapper a:focus-within) {
      border: #000 solid 2px !important;
      box-shadow: 0 0 0 2px #fff !important;
    }
  }

  .it-single-slide-wrapper {
    &:focus {
      border: 1px solid;
    }

    figure {
      a {
        display: block;
      }
    }
    .enhance-link {
      display: none;
    }
  }

  .no-external-if-link > .external-link {
    display: none;
  }
}

.slick-slider {
  ul.slick-dots {
    bottom: unset;
    padding: 0;
    margin: 0;

    li {
      button:before {
        border-radius: 50%;
        background-color: var(--bs-700);
        background-image: none;
        background-size: 20px;
        opacity: 1;
      }

      &.slick-active button:before {
        background-color: var(--bs-primary);
      }
    }
  }

  .slick-arrow {
    width: 25px;
    height: 40px;
    padding: 0;

    &.slick-prev,
    &.slick-next {
      :not(:focus),
      :not(:focus-within) {
        outline: none !important;
      }
      .icon {
        width: 25px;
        height: 40px;
        color: var(--bs-primary);
        fill: var(--bs-primary);
      }

      &:hover {
        .icon {
          color: var(--primary-darker);
          fill: var(--primary-darker);
        }
      }
    }

    &.slick-prev {
      left: -40px;
    }

    &.slick-next {
      right: -40px;
    }
  }
}

.slider-container {
  &.full-width {
    .slick-arrow.slick-prev {
      z-index: 1;
      left: 1rem;
    }
    .slick-arrow.slick-next {
      z-index: 1;
      right: 1rem;
    }
  }
}