/**
 * Unified wishlist / compare / quick view toolbar for Elementor Loop Items.
 */
.xsec-product-actions-bar {
	--xsec-action-size: 40px;
	--xsec-action-icon: 18px;
	--xsec-action-gap: 6px;
	--xsec-action-radius: 3px;
	--xsec-action-bg: var(--et_dark-color, #222);
	--xsec-action-color: #fff;
	--xsec-action-bg-hover: #333;
	/* Active (in wishlist/compare): accent background, light icon — not --et_active-color on dark bg */
	--xsec-action-active-bg: var(--et_active-color, #1e73be);
	--xsec-action-active-icon: #fff;

	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xsec-action-gap);
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	overflow: visible;
	z-index: 2;
	vertical-align: middle;
}

.xsec-action-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

/* Legacy: quick view used footer-product (theme hides it until card hover). */
.footer-product.xsec-product-actions-bar,
.xsec-product-actions.footer-product {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	height: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	overflow: visible !important;
}

/* Keep visible after add to cart (et_cart-off / overlay hover rules). */
.et_cart-off .xsec-product-actions-bar .xstore-compare,
.content-product:not(:hover) .xsec-product-actions-bar,
.product-view-overlay .content-product:not(:hover) .xsec-product-actions-bar,
.content-product:not(:hover) .xsec-product-actions-bar.quick-buttons {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.et_cart-off .xsec-product-actions-bar .xstore-compare {
	display: inline-flex !important;
}

.et_cart-off .xsec-product-actions-bar .xstore-wishlist:after,
.et_cart-off .xsec-product-actions-bar .xstore-compare:after {
	display: none !important;
}

/* Shared action control (quick view + XStore links). */
.xsec-action-item > .show-quickly,
.xsec-action-item > .xstore-wishlist,
.xsec-action-item > .xstore-compare {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--xsec-action-size) !important;
	height: var(--xsec-action-size) !important;
	min-width: var(--xsec-action-size);
	min-height: var(--xsec-action-size);
	margin: 0;
	padding: 0;
	border: none;
	border-radius: var(--xsec-action-radius);
	background: var(--xsec-action-bg);
	color: var(--xsec-action-color);
	font-size: var(--xsec-action-icon);
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.xsec-action-item > .show-quickly:hover,
.xsec-action-item > .xstore-wishlist:hover,
.xsec-action-item > .xstore-compare:hover {
	background: var(--xsec-action-bg-hover);
	color: var(--xsec-action-color);
}

/* Product already in wishlist / compare (XStore sets data-action="remove"). */
.xsec-product-actions-bar .xstore-wishlist[data-action="remove"],
.xsec-product-actions-bar .xstore-compare[data-action="remove"] {
	background: var(--xsec-action-active-bg);
	color: var(--xsec-action-active-icon);
}

.xsec-product-actions-bar .xstore-wishlist[data-action="remove"]:hover,
.xsec-product-actions-bar .xstore-compare[data-action="remove"]:hover {
	background: var(--xsec-action-active-bg);
	filter: brightness(1.08);
	color: var(--xsec-action-active-icon);
}

.xsec-product-actions-bar .xstore-wishlist[data-action="remove"] .et-icon,
.xsec-product-actions-bar .xstore-compare[data-action="remove"] .et-icon,
.xsec-product-actions-bar .xstore-wishlist[data-action="remove"] .et-icon::before,
.xsec-product-actions-bar .xstore-compare[data-action="remove"] .et-icon::before {
	color: var(--xsec-action-active-icon) !important;
	-webkit-text-fill-color: var(--xsec-action-active-icon) !important;
}

.xsec-product-actions-bar .xstore-wishlist[data-action="add"] .et-icon,
.xsec-product-actions-bar .xstore-compare[data-action="add"] .et-icon {
	color: var(--xsec-action-color) !important;
	-webkit-text-fill-color: var(--xsec-action-color) !important;
}

/* Quick view: SVG icon (hide theme :before glyph). */
.xsec-action-item--quick-view .show-quickly {
	font-size: 0;
}

.xsec-action-item--quick-view .show-quickly:before,
.xsec-action-item--quick-view .show-quickly:after {
	display: none !important;
	content: none !important;
}

.xsec-action-item--quick-view .show-quickly svg {
	display: block;
	width: var(--xsec-action-icon);
	height: var(--xsec-action-icon);
	fill: currentColor;
}

/* Wishlist / compare icons from XStore Core. */
.xsec-action-item .xstore-wishlist .et-icon,
.xsec-action-item .xstore-compare .et-icon {
	font-size: var(--xsec-action-icon);
	line-height: 1;
	color: inherit;
}

.xsec-action-item .xstore-wishlist .et-icon svg,
.xsec-action-item .xstore-compare .et-icon svg {
	width: var(--xsec-action-icon);
	height: var(--xsec-action-icon);
	fill: currentColor;
}

.xsec-action-item .xstore-wishlist .xstore-wishlist-label,
.xsec-action-item .xstore-compare .xstore-compare-label {
	display: none;
}

/* Elementor shortcode widget context. */
.elementor-shortcode .xsec-product-actions-bar,
.elementor-widget-shortcode .xsec-product-actions-bar {
	display: inline-flex;
}