/*
 * WordPress product-card content injected into the Clerk.io slider rendered by
 * the Elementor shortcode. The remote Clerk template provides the optional
 * data-pizza-clerk-slot placeholders; this stylesheet keeps their layout local
 * to the theme.
 */
.clerk-product-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 14px;
	min-height: 50px;
	margin-top: 10px;
}

.clerk-product-actions__wishlist,
.clerk-product-actions__cart,
.clerk-product-actions .archive-product-card__cart {
	display: flex;
}

.clerk-product-actions .archive-product-card__cart {
	margin: 0;
}

.clerk_product_footer-global {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	column-gap: 14px;
}

.clerk_product_footer-global .clerk_product_price_wrap-global {
	flex: 1 1 auto;
	min-width: 0;
}

.clerk_product_footer-global .clerk-product-actions {
	flex: 0 0 auto;
	margin-top: 0;
}

/* Optional slots for brand, Price Match and badges supplied by WordPress. */
.clerk-product-card-bridge__badges,
.clerk-product-card-bridge__price-match {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.clerk-product-card-bridge__badges:empty,
.clerk-product-card-bridge__price-match:empty,
.clerk-product-card-bridge__brand:empty {
	display: none;
}

.clerk-product-card-bridge__brand {
	width: 100%;
	text-align: left;
}

.clerk-product-card-bridge__brand .mnp-wishlist__product-brand {
	margin: 0;
}

/* Anchor Omni Search badges to each product image. */
#clerk-omni-search-display .clerk_image_wrapper-global {
	position: relative;
}

/* Omni Search applies its own broad card styles, so keep shared UI explicit. */
#clerk-omni-search-display .clerk_product_price-global.before {
	text-decoration: line-through;
}

#clerk-omni-search-display
  .mnp-wishlist__product-badge
  > span {
	color: #f4f3ea;
}

#clerk-omni-search-display
	.clerk-product-actions
	.yith-wcwl-icon-svg {
	display: none;
}

@media screen and (max-width: 620px) {
	/* Keep the Clerk.io slider actions below the price on narrow product cards. */
	.clerk_product_footer-global {
		display: block;
	}

	.clerk_product_footer-global .clerk-product-actions {
		margin-top: 10px;
	}
}