.aris-grid-gallery{
  --aris-min-col: 200px;
  --aris-gap: 10px;
  --aris-ratio: 4/3;

  display: grid;
  gap: var(--aris-gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--aris-min-col), 1fr));
}

.aris-grid-gallery__item{
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

.aris-grid-gallery__item{
  display: grid;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: var(--aris-ratio);
}

/* η εικόνα γεμίζει το grid cell */
.aris-grid-gallery__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Elementor Lightbox: FORCE arrows to be visible & on top --- */
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev{
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 52px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  opacity: 1 !important;
  visibility: visible !important;

  z-index: 2147483647 !important; /* ultra on top */
  pointer-events: auto !important;

  background: rgba(0,0,0,.55) !important;
  border-radius: 999px !important;
}

/* place left/right */
.elementor-lightbox .elementor-swiper-button-prev{ left: 18px !important; right: auto !important; }
.elementor-lightbox .elementor-swiper-button-next{ right: 18px !important; left: auto !important; }

/* make sure the icon is visible */
.elementor-lightbox .elementor-swiper-button-next svg,
.elementor-lightbox .elementor-swiper-button-prev svg{
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ensure SVG uses a visible color */
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev{
  color: #fff !important;
}
.elementor-lightbox .elementor-swiper-button-next svg *,
.elementor-lightbox .elementor-swiper-button-prev svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* --- Elementor Lightbox arrows: hand cursor on hover --- */
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev,
.elementor-lightbox .elementor-swiper-button-next *,
.elementor-lightbox .elementor-swiper-button-prev * {
  cursor: pointer !important;
}
/* Force rounded corners (defensive vs theme overrides) */
.aris-grid-gallery__item{
  border-radius: 12px !important;
  overflow: hidden !important;
  isolation: isolate; /* βοηθάει σε κάτι stacking bugs */
}

.aris-grid-gallery__img{
  border-radius: 12px !important; /* extra safety */
  display: block;
}
