/**
 * ThemeVally Toolkit Featured Image Widget Styles
 */
.tv-featured-image-container {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
}

.tv-featured-image-container img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: all 300ms ease;
}

/* Object Fit & Aspect Ratio */
.tv-featured-image-container img[style*="aspect-ratio"] {
	object-fit: cover; /* Default fallback when aspect ratio is present */
}

/* Link Wrapper */
.tv-featured-image-container a.tv-featured-image-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* Overlay */
.tv-featured-image-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	transition: all 300ms ease;
	z-index: 1;
}

.tv-featured-image-container:hover .tv-featured-image-overlay {
	/* Managed via Elementor selector overrides */
}

/* Hover Animation Effects */
.tv-effect-zoom-in img {
	transform: scale(1);
}
.tv-featured-image-container.tv-effect-zoom-in:hover img {
	transform: scale(1.1);
}

.tv-effect-zoom-out img {
	transform: scale(1.1);
}
.tv-featured-image-container.tv-effect-zoom-out:hover img {
	transform: scale(1);
}

.tv-effect-scale img {
	transform: scale(1);
}
.tv-featured-image-container.tv-effect-scale:hover img {
	transform: scale(1.05);
}

.tv-effect-rotate img {
	transform: rotate(0deg) scale(1);
}
.tv-featured-image-container.tv-effect-rotate:hover img {
	transform: rotate(3deg) scale(1.08);
}

.tv-effect-grayscale img {
	filter: grayscale(100%);
}
.tv-featured-image-container.tv-effect-grayscale:hover img {
	filter: grayscale(0%);
}

.tv-effect-blur img {
	filter: blur(0px);
}
.tv-featured-image-container.tv-effect-blur:hover img {
	filter: blur(3px);
}

/* Captions */
.tv-featured-image-caption {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #666;
	text-align: center;
	position: relative;
	z-index: 2;
}

.tv-featured-image-container.tv-caption-overlay .tv-featured-image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 15px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	z-index: 2;
}