/*----------------------------------------------------------------------------------
Lightgallery Custom Styles
-----------------------------------------------------------------------------------*/
.lg-outer .lg-img-wrap img {
  border-radius: 10px;
}

.lg-actions .lg-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transition: all .2s linear;
  margin-top: -22px;
}

.lg-actions .lg-prev:before {
  width: 16px;
  height: 12px;
  background: url(../imgs/template/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}

.lg-actions .lg-prev:after {
  width: 16px;
  height: 12px;
  background: url(../imgs/template/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.lg-actions .lg-prev:hover {
  background: #fff;
  transition: all .2s linear;
  cursor: pointer;
}

.lg-actions .lg-prev:hover:before {
  opacity: 0;
  transition: all .2s linear;
}

.lg-actions .lg-prev:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.lg-actions .lg-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transition: all .2s linear;
  transform: rotate(180deg);
  margin-top: -22px;
}

.lg-actions .lg-next:before {
  width: 16px;
  height: 12px;
  background: url(../imgs/template/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}

.lg-actions .lg-next:after {
  width: 16px;
  height: 12px;
  background: url(../imgs/template/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.lg-actions .lg-next:hover {
  background: #fff;
  transition: all .2s linear;
  cursor: pointer;
}

.lg-actions .lg-next:hover:before {
  opacity: 0;
  transition: all .2s linear;
}

.lg-actions .lg-next:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.lg-toolbar .lg-icon.lg-close {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transition: all .2s linear;
  position: absolute;
  right: 20px;
  top: 20px;
}

.lg-toolbar .lg-icon.lg-close:before {
  width: 16px;
  height: 16px;
  background: url(../imgs/template/close.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.lg-toolbar .lg-icon.lg-close:after {
  display: none;
}

/* Fix pour éviter la superposition des images */
.lg-item {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lg-item.lg-current {
  z-index: 1;
}

.lg-item.lg-prev-slide,
.lg-item.lg-next-slide {
  z-index: 0;
}

.lg-item.lg-hide {
  display: none !important;
}