/* ===== Album Ảnh ([peter_album]) =====
 * Masonry packing is done by Packery (Flatsome's own "flatsome-masonry-js" —
 * see class-auub-album-images.php), triggered by the data-packery-options
 * attribute. This file only sizes/spaces the tiles themselves — deliberately
 * NOT Flatsome's .row/.col (fixed 30px gutter) so the ~3px tight gap below
 * is possible.
 */
.auub-album-masonry {
	position: relative;
	background-color: #fff;
	margin: -1.5px;
}

.auub-album-item {
	width: calc(100% / var(--auub-album-cols, 4));
	padding: 1.5px;
	box-sizing: border-box;
}

@media (max-width: 849px) {
	.auub-album-item {
		width: calc(100% / var(--auub-album-cols-md, 3));
	}
}

@media (max-width: 549px) {
	.auub-album-item {
		width: calc(100% / var(--auub-album-cols-sm, 2));
	}
}

.auub-album-lightbox {
	display: block;
	overflow: hidden;
}

.auub-album-lightbox img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .35s ease;
}

.auub-album-lightbox:hover img {
	transform: scale(1.06);
}

/* GLightbox ships its own arrows/close icon styling; only tweak the accent
   color so the lightbox chrome doesn't clash with the theme's primary color. */
.gslide-title {
	color: #fff;
}