.slider-for {
  width: 100%;
  position: relative;
  transition: all .2s ease-in;
}

.slider-for>.slick-list {
  position: relative;
  /* height: 380px !important; */
  width: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}

/*.slider-for > .slick-list::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 15%;
	right: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}*/

.slide-item {
  height: 380px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

.node--type-avis-de-publication.node--view-mode-full .details-slider>.slider:first-of-type .slick-list {
  aspect-ratio: 1;
  height: auto !important;
}

.node--type-avis-de-publication.node--view-mode-full .slick-list .slide-item,
.node--type-avis-de-publication.node--view-mode-full .slick-list .slick-track {
  height: 100%;
}

.slider-for .slick-slide img {
  height: 100%;
  width: 100%;
}

.slider-for>.slick-dots {
  width: 100%;
  bottom: 1.5rem;
}

.js .slider-for>div:nth-child(1n + 2) {
  display: none;
}

.js .slider-for.slick-initialized>div:nth-child(1n + 2) {
  display: block;
}

@media screen and (min-width: 996px) {
  .node--type-avis-de-publication.node--view-mode-full .details-slider>.slider:first-of-type .slick-list {
    aspect-ratio: unset;
    height: inherit !important;
  }
}

/* CAROUSEL INDICATORS */
.slider-nav>.slick-list>.slick-track {
  margin-left: 0;
  margin-right: 0;
}

.slider-nav .slick-slide {
  cursor: pointer;
}

.slide-indicators_item {
  opacity: .4;
  border-radius: 8px;
  overflow: hidden;
}

.slick-slide.is-active,
.slide-indicators_item.is-active {
  opacity: 1;
}

.slide-indicators_item:not(:last-child) {
  margin-right: 14px;
}

/* BOUTON PREV/NEXT */
.details-slider .slider-for .slick-next {
  right: 32px;
}

.details-slider .slider-for .slick-prev {
  left: 32px;
}

.details-slider .slider-for .slick-next,
.details-slider .slider-for .slick-prev {
  opacity: 0;
}

.details-slider .slick-next,
.details-slider .slick-prev {
  position: absolute;
  display: block;
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  color: transparent;
  border: none;
  border-radius: 100%;
  background: #fff;
  box-shadow: var(--shadow);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  outline: 0;
  cursor: pointer;
  z-index: 2;
  transition: all .2s ease-in;
}

.details-slider .slick-next.slick-disabled,
.details-slider .slick-prev.slick-disabled {
  opacity: 0;
  visibility: hidden;
  cursor: default;
}

.details-slider .slick-next {
  right: 5px;
  transform: rotate(180deg) translateY(50%);
}


.details-slider .slick-prev::before,
.details-slider .slick-next::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  background-color: rgba(var(--color-primary));
  -webkit-mask: url(/themes/custom/epublimmob5/assets/arrow-left.svg) no-repeat 100% 100%;
  mask: url(/themes/custom/epublimmob5/assets/arrow-left.svg) no-repeat 100% 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: translate(-50%, -50%);
}

.slider-for:hover .slick-next,
.slider-for:hover .slick-prev,
.slick-prev:focus-visible,
.slick-next:focus-visible {
  opacity: 1;
}