/* Styles apply only to the Amritsar trip gallery. */
.amritsar-trip-section {
  background: var(--bg-surface);
}

.amritsar-trip-heading {
  text-align: center;
  margin-bottom: 36px;
}

.amritsar-trip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.amritsar-trip-photo {
  display: block;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--bg-surface-alt);
  box-shadow: var(--shadow-sm);
  cursor: zoom-in;
}

.amritsar-trip-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  transition: transform var(--transition-normal);
}

.amritsar-trip-featured {
  grid-column: 1 / -1;
}

.amritsar-trip-featured img {
  aspect-ratio: 1170 / 478;
}

@media (hover: hover) {
  .amritsar-trip-photo:hover img {
    transform: scale(1.015);
  }
}

.amritsar-trip-photo:focus-visible,
.amritsar-trip-close:focus-visible {
  outline: 3px solid var(--color-accent-gold);
  outline-offset: 4px;
}

.amritsar-trip-lightbox {
  position: fixed;
  margin: auto;
  padding: 56px 16px 16px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  max-width: 94vw;
  max-height: 94dvh;
  background: var(--color-primary-dark);
}

.amritsar-trip-lightbox::backdrop {
  background: rgba(7, 21, 43, 0.9);
}

.amritsar-trip-full-image {
  width: auto;
  height: auto;
  max-width: min(1200px, calc(94vw - 34px));
  max-height: calc(94dvh - 74px);
  object-fit: contain;
}

.amritsar-trip-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full);
  background: var(--bg-surface);
  color: var(--color-primary-navy);
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 600px) {
  .amritsar-trip-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .amritsar-trip-photo img {
    transition: none;
  }
  .amritsar-trip-photo:hover img {
    transform: none;
  }
}
