.igs-gallery .swiper-slide {
}



/* Fullscreen overlay */
.igs-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.igs-lightbox.is-open {
  display: flex;
}

.igs-lightbox-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* The Swiper inside the overlay */
.igs-lightbox-swiper {
  width: 100%;
  height: 100%;
}

.igs-lightbox-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.igs-lightbox-swiper img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  display: block;
}

/* Close button */
.igs-lightbox-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: none;
  border: 0;
  color: var(--e-global-color-secondary);     
  font-size: 2.5rem;
  cursor: pointer;
  z-index: 10;
}

.igs-lightbox-close:hover {
    background: transparent;
    color: var(--e-global-color-secondary);
}

/* Lightbox swiper arrows with CSS-controlled colour */
.igs-lightbox-swiper .swiper-button-next,
.igs-lightbox-swiper .swiper-button-prev {
  width: 48px;
  height: 48px;
  margin-top: 0;
  transform: translateY(-50%);
  
  /* use the SVG as a mask instead of background */
  -webkit-mask-image: url('/wp-content/uploads/2025/10/arrow-right-1.svg');
  mask-image: url('/wp-content/uploads/2025/10/arrow-right-1.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;

  background-color: var(--e-global-color-secondary);   
}

/* Flip the left arrow */
.igs-lightbox-swiper .swiper-button-prev {
  transform: translateY(-50%) scaleX(-1);
}

/* kill default Swiper icon */
.igs-lightbox-swiper .swiper-button-next::after,
.igs-lightbox-swiper .swiper-button-prev::after {
  display: none;
}