/* Action buttons inside Elementor product grid / carousel / list widgets */

.aea-grid-carousel .aea-image,
.aea-product-list .aea-image-wrap {
	position: relative;
}

.aea-grid-carousel .aea-shoping.atomel-wcx-actions,
.aea-product-list .aea-shoping.atomel-wcx-actions {
	position: absolute;
	top: clamp(10px, 1vw, 25px);
	right: clamp(10px, 1vw, 25px);
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	pointer-events: none;
}

.aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap,
.aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap,
.aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap {
	position: static;
	pointer-events: auto;
	opacity: 0;
	visibility: hidden;
	transform: translateX(12px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.aea-grid-carousel .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap,
.aea-grid-carousel .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap,
.aea-grid-carousel .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap,
.aea-product-list .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap,
.aea-product-list .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap,
.aea-product-list .aea-item:hover .aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap:nth-child(1),
.aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap:nth-child(1),
.aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap:nth-child(1) {
	transition-delay: 0s;
}

.aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap:nth-child(2),
.aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap:nth-child(2),
.aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap:nth-child(2) {
	transition-delay: 0.05s;
}

.aea-shoping.atomel-wcx-actions .atomel-wl-image-wrap:nth-child(3),
.aea-shoping.atomel-wcx-actions .atomel-cmp-image-wrap:nth-child(3),
.aea-shoping.atomel-wcx-actions .atomel-qv-image-wrap:nth-child(3) {
	transition-delay: 0.1s;
}

.aea-shoping.atomel-wcx-actions .atomel-wl-btn--image,
.aea-shoping.atomel-wcx-actions .atomel-cmp-btn--image,
.aea-shoping.atomel-wcx-actions .atomel-qv-btn--image {
	opacity: 1;
	visibility: visible;
	transform: none;
}