/* Thumb Skeleton Loader — only enqueued on GA single photo view */
.mpg .mpg-thumbs a,
.mpg .mpg-thumbs .mpg-thumb,
.mpg .mpg-thumbs li,
.mpg .mpg-thumbs div {
  position: relative;
}

.mpg .mpg-thumbs img.mpg-thumb-img.is-loading {
  opacity: 0;
}

/* Shimmer overlay on the clickable thumb wrapper while loading */
.mpg .mpg-thumbs .mpg-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #e6e6e6 25%, #f5f5f5 50%, #e6e6e6 75%);
  background-size: 200% 100%;
  animation: mpg-skel-shimmer 1.1s linear infinite;
  border-radius: 6px;
}

@keyframes mpg-skel-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Minimal size so layout doesn't collapse if images have no width yet */
.mpg .mpg-thumbs .mpg-skel {
  min-width: 60px;
  min-height: 60px;
}