/**
 * Gallery Loading Styles for Melbourne Art Studio
 */

/* Gallery loading state */
.masonry-grid.loading,
.masonry-gallery.loading {
  opacity: 0.6;
  transition: opacity 0.5s ease-in-out;
}

/* Loader element */
#gallery-loader {
  z-index: 1000;
  transition: opacity 0.5s ease-in-out;
}

/* Fade-in transition for gallery items */
.gallery-item {
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out;
}

.gallery-item img {
  transition: opacity 0.5s ease;
}

/* Loading state for images */
.gallery-item img.loading {
  opacity: 0.6;
}

/* Force Gallery-Loader to be visible until explicitly hidden */
#gallery-loader:not(.opacity-0) {
  display: flex !important;
}