/**
 * Frontend Stylesheet for Bundle Discounts
 *
 * @package     BundleDiscounts
 * @subpackage  Assets/CSS
 * @author      Antigravity
 * @version     1.0.0
 */

.bundle-discount-promos {
	margin: 18px 0;
	padding: 14px 18px;
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
	border-left: 4px solid #0284c7;
	border-radius: 0 8px 8px 0;
	box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.bundle-discount-message-item {
	font-size: 14px;
	color: #0369a1;
	font-weight: 600;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.bundle-discount-message-item:last-child {
	margin-bottom: 0;
}

.bd-gift-icon {
	font-size: 18px;
	display: inline-block;
	animation: bd-gift-wiggle 2.5s infinite ease-in-out;
}

.bd-text {
	line-height: 1.4;
}

/* Add a subtle wiggle micro-animation to the gift icon */
@keyframes bd-gift-wiggle {
	0%, 100% {
		transform: rotate(0deg) scale(1);
	}
	10%, 30% {
		transform: rotate(-8deg) scale(1.05);
	}
	20%, 40% {
		transform: rotate(8deg) scale(1.05);
	}
	50% {
		transform: rotate(0deg) scale(1.05);
	}
	70% {
		transform: translateY(-2px);
	}
}