/* TruAnon badge — self-contained, theme-agnostic.
   Rank colors are custom properties; themes may override them on :root. */

:root {
	--truanon-genuine: #2f6ef2;
	--truanon-reliable: #21a45d;
	--truanon-credible: #6b7280;
	--truanon-cautioned: #d99a06;
	--truanon-dangerous: #d64545;
	--truanon-unknown: #8a8f98;
}

/* Big pill: dark capsule, colored ring + check, rank over score. */
.truanon-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	background: #14181d;
	color: #fff !important;
	border: 2px solid var(--ta-color);
	border-radius: 999px;
	padding: 0.3em 1em 0.3em 0.4em;
	line-height: 1.15;
	text-decoration: none !important;
	box-shadow: none !important;
	font-size: 1rem;
	vertical-align: middle;
}

.truanon-pill .truanon-check {
	width: 2em;
	height: 2em;
	flex: none;
	display: block;
}

.truanon-pill-text b {
	display: block;
	font-weight: 700;
	color: #fff;
}

.truanon-pill-text small {
	display: block;
	font-size: 0.76em;
	font-weight: 400;
	opacity: 0.85;
	color: #fff;
}

a.truanon-pill:hover,
a.truanon-pill:focus {
	filter: brightness(1.15);
	color: #fff;
}

/* Unlinked badges (Private mode, Unknown) read slightly disabled — just
   enough to tell at a glance whether it will link. */
span.truanon-pill,
span.truanon-inline {
	opacity: 0.72;
	filter: saturate(0.65);
	cursor: default;
}

/* Inline check: sits beside a name at text size. */
.truanon-inline {
	display: inline-block;
	vertical-align: -0.14em;
	line-height: 0;
	text-decoration: none !important;
	box-shadow: none !important;
}

.truanon-inline .truanon-check {
	width: 1em;
	height: 1em;
}

/* Directory/list: bare rank-colored check dot. Inline-block so it centers with
   the rest of the card content. Color is the rank; Unknown reads dimmed. No
   capsule, no rank/score text, no link. */
.truanon-dot {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}

.truanon-dot .truanon-check {
	width: 1.5em;
	height: 1.5em;
	display: block;
}

.truanon-dot.truanon-absent {
	opacity: 0.5;
	filter: saturate(0.35);
}

/* Profile card. */
/* No frame: the card sits directly on the host profile — the pill and the
   Personal / Contact / Social lines, no bordered box around them. */
.truanon-card {
	max-width: 26em;
	margin: 1em 0;
}

/* The head holds just the pill now (photo dropped). No flex row: the pill is
   inline-level, so it follows the host profile's own text-align — centered
   here, matching the Personal / Contact / Social lines below, and left-aligned
   on a left-aligned theme. */

.truanon-card-title {
	margin: 0.75em 0 0;
	opacity: 0.8;
}

/* Sections: one bare inline line each. Every piece is classed; the
   separators are CSS-generated — restyle or remove them in your theme. */
.truanon-card-section {
	margin: 0.75em 0 0;
}

.truanon-section-label {
	display: block;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.65;
}

.truanon-anchor + .truanon-anchor::before {
	content: ", ";
	text-decoration: none;
	display: inline-block;
	white-space: pre;
	opacity: 0.7;
}