/**
 * LITI Grid Galéria — frontend stílusok
 * CSS Grid alapú mozaik elrendezés, fix sormagassággal (egyforma cellák).
 */

.liti-gg {
	display: grid;
	grid-template-columns: repeat(var(--liti-gg-cols, 4), 1fr);
	grid-auto-rows: var(--liti-gg-row, 260px);
	grid-auto-flow: dense;
	gap: var(--liti-gg-gap, 16px);
	width: 100%;
}

.liti-gg__item {
	margin: 0;
	position: relative;
	overflow: hidden;
	grid-column: span min(var(--liti-gg-col-span, 1), var(--liti-gg-cols, 4));
	grid-row: span var(--liti-gg-row-span, 1);
}

.liti-gg__item a {
	display: block;
	width: 100%;
	height: 100%;
}

.liti-gg__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform 0.4s ease, filter 0.4s ease;
}

/* Hover effektek (widget beállításból, prefix class-szal) */
.liti-gg-hover-zoom .liti-gg__item:hover img {
	transform: scale(1.05);
}

.liti-gg-hover-darken .liti-gg__item:hover img {
	filter: brightness(0.75);
}

.liti-gg-hover-lighten .liti-gg__item:hover img {
	filter: brightness(1.15);
}

/* Mobil: minden kép 1 oszlop (egymás alatt), ha a kapcsoló be van kapcsolva */
@media (max-width: 767px) {
	.liti-gg--mobile-stack .liti-gg__item {
		grid-column: span 1;
	}
}