/* IRON GOAT AL v15.1 — clean, self-managed homepage photo gallery */

/* Hide the old stock-photo grid before its remote backgrounds can appear. */
#gallery > div > .mt-14 {
  display: none !important;
}

.ig-gallery-shell {
  position: relative;
  margin-top: 3.5rem;
}

.ig-gallery-strip {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.25rem 0.25rem 1.15rem;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-color: #6b1f2a #e7e5e4;
  scrollbar-width: thin;
  cursor: grab;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.ig-gallery-strip:active {
  cursor: grabbing;
}

.ig-gallery-strip::-webkit-scrollbar {
  height: 6px;
}

.ig-gallery-strip::-webkit-scrollbar-track {
  border-radius: 999px;
  background: #e7e5e4;
}

.ig-gallery-strip::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #6b1f2a;
}

.ig-gallery-photo {
  position: relative;
  flex: 0 0 min(78vw, 720px);
  aspect-ratio: 16 / 10;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 2rem;
  background: #e7e5e4;
  box-shadow: 0 20px 50px rgba(24, 24, 27, 0.14);
  scroll-snap-align: start;
}

.ig-gallery-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 639px) {
  .ig-gallery-shell {
    margin-top: 2.25rem;
  }

  .ig-gallery-strip {
    gap: 0.75rem;
    margin-right: -1rem;
    width: calc(100% + 1rem);
    padding-right: 1rem;
  }

  .ig-gallery-photo {
    flex-basis: 86vw;
    border-radius: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ig-gallery-strip {
    scroll-behavior: auto;
  }
}