.blinds-header-widget-item-image .hover-image {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.blinds-header-widget-item:hover .blinds-header-widget-item-image .default-image {
	opacity: 0;
}

.blinds-header-widget-item:hover .blinds-header-widget-item-image .hover-image {
	opacity: 1;
}

/* Active state styles */
.blinds-header-widget-item.active .blinds-header-widget-item-image .default-image {
	opacity: 0;
}

.blinds-header-widget-item.active .blinds-header-widget-item-image .hover-image {
	opacity: 1;
}

/* Background color for active state */
.blinds-header-widget-item.active {
	background: linear-gradient(to right, var(--background-color-start-hover), var(--background-color-end-hover)) !important;
}

.blinds-header-widget-item-image {
	position: relative;
	transition: transform 0.3s ease;
}

.blinds-header-widget-item:hover .blinds-header-widget-item-image {
	transform: scale(1.1);
}

/* Make sure the hover image maintains the same transition */
.blinds-header-widget-item-image .default-image,
.blinds-header-widget-item-image .hover-image {
	object-fit: cover;
	transition: opacity 0.3s ease;
}