/* Elementor Masonry Gallery Styles */

.emg-masonry-wrapper {
	width: 100%;
}

.emg-masonry-grid {
	/* Properties overridden by Elementor widget settings */
	column-count: 3; 
	column-gap: 15px; 
	width: 100%;
}

.emg-masonry-item {
	break-inside: avoid; /* Prevent image breaking across columns */
	margin-bottom: 15px; 
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 8px; /* Default border radius, overridden by Elementor settings */
}

/* Ensure no default styles interfere */
.emg-masonry-item img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.4s ease-in-out;
	border-radius: inherit;
}

/* Link Wrapper */
.emg-masonry-item a {
	display: block;
	position: relative;
	text-decoration: none;
	border-radius: inherit;
}

/* Overlay Styles */
.emg-masonry-item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4); /* Default overly color */
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none;
	border-radius: inherit;
}

.emg-masonry-item-overlay i {
	color: #ffffff;
	font-size: 32px;
	transform: scale(0.5);
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hover Effects */
.emg-masonry-item:hover .emg-masonry-item-overlay {
	opacity: 1;
}

.emg-masonry-item:hover .emg-masonry-item-overlay i {
	transform: scale(1);
}

/* Animations */
.emg-hover-zoom-in img {
	transform: scale(1);
}
.emg-hover-zoom-in:hover img {
	transform: scale(1.08); /* premium slight zoom in */
}

.emg-hover-zoom-out img {
	transform: scale(1.1);
}
.emg-hover-zoom-out:hover img {
	transform: scale(1);
}

/* Override Global Elementor Lightbox Loading Spinner Color */
.elementor-lightbox,
.e-lightbox {
	--e-lightbox-loader-border-color: rgba(232, 147, 46, 0.2);
	--e-lightbox-loader-border-top-color: #e8932e;
}
.elementor-lightbox .elementor-video-loader,
.elementor-lightbox .elementor-loader,
.elementor-lightbox .dialog-widget-content .elementor-loader,
.elementor-lightbox .elementor-loader-wrapper .elementor-loader,
.elementor-lightbox .dialog-loading-spinner,
.elementor-lightbox .elementor-swiper-button,
.elementor-lightbox i[class*="loader"] {
    border-color: rgba(232, 147, 46, 0.2) !important;
    border-top-color: #e8932e !important;
    color: #e8932e !important;
}