/* photoswipe-custom.css */

/* custom icon colors */
.pswp--custom-icon-colors {
  --pswp-icon-color: #00fffc;
  --pswp-icon-color-secondary: #333;
}

/* hide the counter */
.pswp__counter {
  display: none;
}

/* ensure portrait images keep their ratio */
.pswp__img {
  width: auto !important;
  height: auto !important;
  max-width: 100vw;
  max-height: 100vh;
  object-fit: contain;
}

/* Always show prev/next on touch devices */
.pswp--touch .pswp__button--arrow {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Contain images in the lightbox viewport */
.pswp__zoom-wrap img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}



/* Always show prev/next on touch devices */
.pswp--touch .pswp__button--arrow {
  visibility: visible !important;
  opacity: 1 !important;
}


/* 1) Prevent the wrapper from locking in its inline size */
.pswp__container .pswp__zoom-wrap {
  width: auto !important;
  height: auto !important;
}

/* 2) Make sure the inner image always preserves its ratio */
.pswp__zoom-wrap img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}


/* Masonry layout */
.masonry-grid {
  column-count: 3;
  column-gap: 10px;
}

/* Masonry items */
.masonry-grid a {
  display: block;
  break-inside: avoid;
  margin-bottom: 10px;
  padding: 5px;
  box-sizing: border-box;
}

.masonry-grid img {
  width: 100%;
  height: auto;
  display: block;
}

/* PhotoSwipe overrides */
.pswp--touch .pswp__button--arrow {
  visibility: visible !important;
  opacity: 1 !important;
}

.pswp__container .pswp__zoom-wrap {
  width: auto !important;
  height: auto !important;
}

.pswp__zoom-wrap img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}