/**
 * Deal status chips and deal link icons, scoped like tab-bf.css.
 */

:where(body.tab-bf, .editor-styles-wrapper) {
	/* ================================
	   DEAL STATUS CHIPS
	   ================================ */

	.deal-status {
		--chip-bg: transparent;
		--chip-text: var(--text);
		--chip-border: var(--border);
		--chip-dot: var(--border--hover);

		display: inline-flex;
		align-items: center;
		gap: .45em;
		padding: .3em .7em;
		border-radius: 999px;
		border: 1px solid var(--chip-border);
		background: var(--chip-bg);
		color: var(--chip-text);
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
	}

	.deal-status__dot {
		width: .55em;
		height: .55em;
		border-radius: 50%;
		background: var(--chip-dot);
		flex-shrink: 0;
	}

	/* Live: running today */
	.deal-status--live {
		--chip-bg: rgba(34, 197, 94, .14);
		--chip-text: #86efac;
		--chip-border: rgba(34, 197, 94, .3);
		--chip-dot: #22c55e;
	}

	/* Urgent: live, ends today or tomorrow */
	.deal-status--urgent {
		--chip-bg: rgba(249, 115, 22, .14);
		--chip-text: #fdba74;
		--chip-border: rgba(249, 115, 22, .3);
		--chip-dot: #f97316;
	}

	.deal-status--live .deal-status__dot,
	.deal-status--urgent .deal-status__dot {
		animation: deal-status-pulse 2s ease-out infinite;
	}

	/* Ended: past its end date */
	.deal-status--ended {
		--chip-border: transparent;
		font-weight: 500;
		opacity: .75;
	}



	/* ================================
	   DEAL LINKS (open in a new tab)
	   ================================ */

	.deal-link::after {
		content: "";
		display: inline-block;
		width: .8em;
		height: .8em;
		margin-inline-start: .4em;
		vertical-align: -.05em;
		background-color: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	@media (prefers-reduced-motion: reduce) {
		.deal-status__dot {
			animation: none !important;
		}
	}
}

@keyframes deal-status-pulse {
	0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--chip-dot) 60%, transparent); }
	70%  { box-shadow: 0 0 0 .45em color-mix(in srgb, var(--chip-dot) 0%, transparent); }
	100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--chip-dot) 0%, transparent); }
}