/* =========================================================
   Easy Product Free Shipping — Frontend Badge Styles
   ========================================================= */

/* Base badge */
.epfs-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: linear-gradient( 135deg, #059669, #047857 );
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 20px;
	letter-spacing: .02em;
	box-shadow: 0 2px 8px rgba( 5, 150, 105, .3 );
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1;
}

/* Shop loop — position it relative to .woocommerce-LoopProduct-link */
.woocommerce ul.products li.product .epfs-badge {
	position: relative;
	display: block;
	width: fit-content;
	margin: 6px 0 4px;
}

/* Single product page — below title */
.single-product .epfs-badge {
	display: inline-flex;
	margin-bottom: 14px;
}

/* Cart inline variant */
.epfs-badge--small {
	font-size: 11px;
	padding: 3px 9px;
}

/* Pulse animation on shop/product pages */
@keyframes epfs-pulse {
	0%   { box-shadow: 0 0 0 0 rgba( 5, 150, 105, .4 ); }
	70%  { box-shadow: 0 0 0 7px rgba( 5, 150, 105, 0 ); }
	100% { box-shadow: 0 0 0 0 rgba( 5, 150, 105, 0 ); }
}
.epfs-badge:not( .epfs-badge--small ) {
	animation: epfs-pulse 2.2s ease-out infinite;
}