/*
 * Chips + badges: spec chips on cards, active-filter chips on the SRP, and the
 * New/Used condition badge.
 */

.fd-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.3rem 0.65rem;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	line-height: 1;
	color: var(--fd-navy-700);
	background: var(--fd-paper-soft);
	border: 1px solid var(--fd-line);
	border-radius: var(--fd-r-pill);
	white-space: nowrap;
}

/* Removable active-filter chip on the SRP. */
.fd-chip--filter { background: var(--fd-white); }
.fd-chip--filter button {
	appearance: none;
	border: 0;
	background: none;
	cursor: pointer;
	color: var(--fd-ink-500);
	line-height: 0;
	padding: 0;
}
.fd-chip--filter button:hover { color: var(--fd-orange-700); }

/* Condition badge overlaid on card images. */
.fd-badge {
	display: inline-block;
	padding: 0.3rem 0.7rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--fd-white);
	border-radius: var(--fd-r-sm);
}
.fd-badge--new  { background: var(--fd-orange-500); }
.fd-badge--used { background: var(--fd-navy-700); }
.fd-badge--sale { background: var(--fd-orange-700); }