/**
 * Shared pill / badge chrome (Integrations card badge look).
 *
 * API: .wsft-pill
 * Registered as `ws-form-pills` in includes/blocks.php.
 *
 * Pricing Best value keeps pill-* palette via .wsft-download-card__pill.
 */

.wsft-pill {
	align-items: center;
	background: color-mix(in srgb, var(--wp--preset--color--accent-blue) 12%, white);
	border-radius: var(--wp--custom--border-radius, 0.125rem);
	color: var(--wp--preset--color--logo-blue);
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.3;
	padding: 0.2rem 0.45rem;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Pricing Best value — pill tokens override Integrations accent tint. */
.wsft-download-card__pill.wsft-pill {
	background-color: var(--wp--preset--color--pill-background);
	color: var(--wp--preset--color--pill-foreground);
	letter-spacing: normal;
	line-height: 1.4;
	padding: 0.125rem 0.625rem;
}