/* HHM Firm/Affiliation badges — Verified Firm, Verified REN, Supervised PEA.
   Batch brief 5 Sept 2026, Firm-First Phase 1, §4. Joins the same flex-wrap
   cluster hhm-founder-badge.css already put on .hp-vendor__name (Founder
   _order 30, Agent Verified _order 20 — these three sit at _order 25/26/27,
   between them) — up to 4 badges total render as one coherent row/wrap,
   no separate layout container needed. */

.hhm-firm-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 8px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: middle;
	line-height: 1;
}

.hhm-badge-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.hhm-badge-dot--firm { background: #1b4d3e; }
.hhm-badge-dot--ren  { background: #2f6f4e; }
.hhm-badge-dot--pea  { background: #a15c00; }

.hhm-firm-badge--verified-firm .hhm-badge-label { color: #1b4d3e; }
.hhm-firm-badge--verified-ren .hhm-badge-label  { color: #2f6f4e; }
.hhm-firm-badge--supervised-pea .hhm-badge-label { color: #a15c00; }

/* REAL BUG, found 7 Sept 2026 while wiring in the Data Protected badge on
   the Firm Dashboard: every badge above has used `class="hhm-tooltip"
   data-tooltip="..."` since it was first built (5-6 Sept 2026), but no CSS
   anywhere ever gave that combination an actual hover tooltip — a data-*
   attribute is inert on its own. Verified Firm, Verified REN, Supervised
   PEA, and the dashboard's own Founder pill have all been silently
   tooltip-less on every page they've shipped on. Fixed here, once, for
   every one of them (not just the new badge that surfaced it) — pure CSS,
   no JS, shows the attribute's own text in a small dark pill above the
   badge on hover/focus (focus so it's keyboard-reachable too). */
.hhm-tooltip {
	position: relative;
	cursor: default;
}

.hhm-tooltip:hover::after,
.hhm-tooltip:focus::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background: #1a1a1a;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	white-space: normal;
	width: max-content;
	max-width: 260px;
	padding: 8px 10px;
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	z-index: 20;
	pointer-events: none;
}

.hhm-tooltip:hover::before,
.hhm-tooltip:focus::before {
	content: '';
	position: absolute;
	bottom: calc(100% + 3px);
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: #1a1a1a;
	z-index: 20;
	pointer-events: none;
}

/* Listing-page disclaimer footer for Supervised PEA listings. */
.hhm-pea-disclaimer {
	margin-top: 16px;
	padding: 10px 14px;
	border-left: 3px solid #a15c00;
	background: rgba(161, 92, 0, 0.06);
	font-size: 13px;
	color: #5a4632;
}

.hhm-pea-disclaimer p {
	margin: 0;
}