/**
 * Program Status -- the Active / Archived badge.
 *
 * Values from the Research comp. Every typographic property is set here, because
 * the site kit's body is IBM Plex Serif at 1.25rem / 1.625 and would otherwise be
 * inherited. The Style controls emit {{WRAPPER}} selectors with more classes than
 * these, so they still override.
 *
 * ponytail: these badge declarations are duplicated in
 * featured-research/css/featured-research.css on purpose -- assets are per-widget,
 * and this sheet only loads where Program Status renders. Ceiling: a third badge
 * consumer. Upgrade path: a shared badge stylesheet in utilities/ that Widget_Base
 * registers as a dependency of each badge widget.
 */

/*
 * Block-level flex with fit-content, not inline-flex: an inline-flex box inside the
 * widget's block wrapper would sit on a line box sized by the inherited kit strut
 * (about 32px tall). This keeps the badge 11px tall and still hugging its text.
 */
.irpp-program-status {
	display: flex;
	width: fit-content;
	max-width: 100%;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #231F20;
}

.irpp-program-status--active {
	color: #231F20;
}

.irpp-program-status--archived {
	color: #505158;
}

.irpp-program-status__mark {
	flex: none;
	width: 11px;
	height: 11px;
	box-sizing: border-box;
	border-radius: 50%;
}

.irpp-program-status--active .irpp-program-status__mark {
	background: #C4122F;
}

/* The hollow ring. */
.irpp-program-status--archived .irpp-program-status__mark {
	background: transparent;
	border: 1.5px solid #505158;
}