/* Addons Product Urgency — stock status + live viewing counter */

.addons-stock-status,
.addons-live-viewing {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	font-family: inherit;
	line-height: 1.4;
}

.addons-stock-status *,
.addons-live-viewing * {
	box-sizing: border-box;
}

.addons-stock-status {
	--addons-stock-dot: #22c55e;
	--addons-stock-dot-glow: rgba(34, 197, 94, 0.25);
	--addons-stock-text: #374151;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	color: var(--addons-stock-text);
}

.addons-stock-status__dot {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--addons-stock-dot);
	box-shadow: 0 0 0 3px var(--addons-stock-dot-glow);
	flex-shrink: 0;
}

.addons-stock-status--out .addons-stock-status__dot {
	--addons-stock-dot: #ef4444;
	--addons-stock-dot-glow: rgba(239, 68, 68, 0.2);
}

.addons-stock-status__text {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
}

.addons-live-viewing {
	--addons-live-viewing-bg: #fde8ea;
	--addons-live-viewing-text: #9f1239;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	padding: 12px 16px;
	border-radius: 10px;
	background: var(--addons-live-viewing-bg);
	color: var(--addons-live-viewing-text);
}

.addons-live-viewing__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
}

.addons-live-viewing__text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}

@media (max-width: 767px) {
	.addons-stock-status__text {
		font-size: 15px;
	}

	.addons-live-viewing__text {
		font-size: 13px;
	}
}
