/* Tour gallery — masonry (Pinterest-style columns).
   `column-width` lets the browser fit as many ~220px columns as the container
   allows, so it's responsive without breakpoints. Images keep their natural
   aspect ratio and tiles stack vertically per column, giving an irregular,
   editorial layout instead of an even grid. Opens the theme lightbox. */

.tour-gallery { margin: 0 0 var(--zgb-space-6); }

.tour-gallery__grid {
	column-width: 220px;
	column-gap: var(--zgb-space-2);
}

.tour-gallery__item {
	display: block;
	width: 100%;
	margin: 0 0 var(--zgb-space-2);
	break-inside: avoid;          /* never split a tile across columns */
	-webkit-column-break-inside: avoid;
	position: relative;
	overflow: hidden;
	border-radius: var(--zgb-radius-sm);
	background: var(--zgb-cream-deep);
	cursor: zoom-in;
}

.tour-gallery__img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform var(--zgb-dur) var(--zgb-ease-out);
}
.tour-gallery__item:hover .tour-gallery__img { transform: scale(1.04); }

@media (max-width: 480px) {
	.tour-gallery__grid { column-width: 160px; }
}

@media (prefers-reduced-motion: reduce) {
	.tour-gallery__img { transition: none; }
	.tour-gallery__item:hover .tour-gallery__img { transform: none; }
}