/* Only affect the visible image area */
.lg-current {
  position: relative !important;
}

/* EXIF banner box */
.exif-test-banner {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.55);
  color: white;
  font-size: 16px;
  padding: 10px 16px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  z-index: 9999;
  pointer-events: none;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
}

/* Row of icon-value pairs */
.exif-test-banner .lg-exif-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

/* Each icon and value inline */
.exif-test-banner .lg-exif-icons span {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* Icons themselves */
.exif-test-banner img {
  height: 1.2em;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}



#leard-lightgallery .gallery-item {
  display: block;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
}

#leard-lightgallery img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

/* Last item becomes a full-width row */
#leard-lightgallery .gallery-item:last-child {
  flex-basis: 100%;
  max-width: 100%;
  margin-top: 16px;
  border-top: 2px solid #ccc;
  padding-top: 8px;
}

#leard-lightgallery .jg-row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#leard-lightgallery .jg-row:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#leard-lightgallery .gallery-item img {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: block;
}