/* EZRA SHOP — Product Badges. Stacks multiple badges in a corner of the card.
   RTL-aware via logical inset properties (start/end follow text direction). */

.woocommerce ul.products li.product,
.woocommerce div.product {
	position: relative;
}

.ezra-badges {
	position: absolute;
	z-index: 5; /* above the product image, but below the site's sticky header */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	pointer-events: none;
}
.ezra-badges--top-start {
	top: 10px;
	inset-inline-start: 10px;
	align-items: flex-start;
}
.ezra-badges--top-end {
	top: 10px;
	inset-inline-end: 10px;
	align-items: flex-end;
}
.ezra-badges--bottom-start {
	bottom: 10px;
	inset-inline-start: 10px;
	align-items: flex-start;
}
.ezra-badges--bottom-end {
	bottom: 10px;
	inset-inline-end: 10px;
	align-items: flex-end;
}

/* Inline variant (shortcode / Elementor): sit where placed, in a row — not an overlay. */
.ezra-badges.ezra-badges--inline {
	position: relative; /* relative (not static) so z-index applies when placed/overlaid */
	z-index: 5;
	display: inline-flex;
	vertical-align: middle;
}
.ezra-badges-align {
	width: 100%;
}

.ezra-badge {
	display: inline-block;
	padding: 0.3em 0.85em;
	font-family: 'Assistant', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	border-radius: 999px; /* fully rounded pill */
	white-space: nowrap;
}