/*
 * How fresh a listing is.
 *
 * Four badges, and the colour does the sorting: the two that ask the reader
 * to be careful borrow the warning tones, the other two stay quiet. A badge
 * on every listing that shouted would be a badge on nothing.
 *
 * Every colour falls back to a literal, because this stylesheet ships with
 * the plugin and may be read by a theme that defines none of these tokens.
 */

.fc-review {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 1px 8px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: middle;
}

/*
 * Maintained: the quietest of the four. It is the normal, healthy state and
 * will one day be most of the site, so it reads as a small reassurance rather
 * than a prize.
 */
.fc-review--maintained {
	border-color: var( --fc-control-line, #8f7f66 );
	background: transparent;
	color: var( --fc-muted, #6b5f52 );
}

/*
 * Unverified: not a warning. Nobody has claimed the listing, which is the
 * site's own position rather than a fault of the session, and today it is
 * true of nearly everything here.
 */
.fc-review--unverified {
	border-color: var( --fc-control-line, #8f7f66 );
	border-style: dashed;
	background: transparent;
	color: var( --fc-muted, #6b5f52 );
}

/* Needs review: amber, the first thing that asks a reader to take care. */
.fc-review--needs-review {
	background: var( --fc-accent-tint, #fbefd2 );
	border-color: var( --fc-accent, #e8a936 );
	color: var( --fc-ink, #2a221b );
}

/* Archived: said plainly, in the colour already used for a cancelled date. */
.fc-review--archived {
	background: var( --fc-danger-tint, #f8e3e0 );
	border-color: var( --fc-danger, #a23b3b );
	color: var( --fc-danger, #a23b3b );
}

/* The whole sentence, on a listing's own page. */

.fc-review-note {
	margin: 16px 0;
	padding: 12px 14px;
	border: 1px solid var( --fc-line, #e3d8c2 );
	border-radius: var( --fc-radius, 10px );
	background: var( --fc-surface, #fffdf8 );
}

.fc-review-note--needs-review {
	border-color: var( --fc-accent, #e8a936 );
}

.fc-review-note--archived {
	border-color: var( --fc-danger, #a23b3b );
}

.fc-review-note__head {
	margin: 0 0 6px;
}

.fc-review-note__body {
	margin: 0;
	color: var( --fc-ink, #2a221b );
}

/*
 * "Is it yours? Claim it", at the end of the sentence that says nobody is.
 * Marked as a link rather than dressed as a button: it moves the reader down
 * the same page, and a button here would compete with the one in the box it
 * is pointing at.
 */
.fc-review-note__claim {
	font-weight: 700;
	white-space: nowrap;
}

.fc-review-note__hint {
	margin: 4px 0 0;
	color: var( --fc-muted, #6b5f52 );
	font-size: 0.9rem;
}

.fc-review-note__confirm {
	margin: 12px 0 0;
}

/*
 * The archived section at the foot of a listing page: closed by default,
 * small, and out of the way. It is there so a reader who remembers a session
 * can find out what became of it, not to compete with what is running.
 */

.fc-archived {
	margin: 32px 0 0;
	padding-top: 16px;
	border-top: 1px solid var( --fc-line, #e3d8c2 );
}

.fc-archived__summary {
	color: var( --fc-muted, #6b5f52 );
	cursor: pointer;
	font-size: 0.95rem;
	font-weight: 700;
}

.fc-archived__summary:focus-visible {
	outline: 2px solid var( --fc-focus, currentcolor );
	outline-offset: 2px;
}

.fc-archived__intro {
	margin: 10px 0 0;
	color: var( --fc-muted, #6b5f52 );
	font-size: 0.9rem;
}

.fc-archived__list {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.95rem;
}

.fc-archived__item {
	padding: 6px 0;
	border-bottom: 1px solid var( --fc-line, #e3d8c2 );
}

.fc-archived__item:last-child {
	border-bottom: 0;
}

.fc-archived__where,
.fc-archived__when {
	color: var( --fc-muted, #6b5f52 );
	font-size: 0.85rem;
}

.fc-archived__when {
	display: block;
}