/* ═══════════════════════════════════════════════════════════════
   TestRoute — Shared Trustpilot social-proof widget
   ───────────────────────────────────────────────────────────────
   Rendered by includes/trustpilot.php (tr_trustpilot_render). Mirrors
   Trustpilot's micro widget:

       Excellent  ★★★★⯨  314 reviews on  ★ Trustpilot

   Sizing matches the homepage widget (.tr-hp__tp*) 1:1 so the proof is
   the same size everywhere. !important throughout — Cornerstone's
   cascade is aggressive.
   ═══════════════════════════════════════════════════════════════ */

.tr-tp{
	display:inline-flex !important;
	align-items:center !important;
	gap:8px !important;
	row-gap:6px !important;
	flex-wrap:wrap !important;
	text-decoration:none !important;
	line-height:1 !important;
	font-family:'Inter', 'Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
}

/* "Excellent" */
.tr-tp__word{
	color:#fff !important;
	font-weight:600 !important;
	font-size:13px !important;
	white-space:nowrap !important;
}

/* Star row */
.tr-tp__stars{
	display:inline-flex !important;
	align-items:center !important;
	gap:2px !important;
}
.tr-tp__stars-img{
	height:18px !important;
	width:auto !important;
	display:block !important;
}
.tr-tp__sq{
	position:relative !important;
	display:inline-grid !important;
	place-items:center !important;
	width:18px !important;
	height:18px !important;
	border-radius:3px !important;
	flex:none !important;
}
.tr-tp__sq svg{
	width:12px !important;
	height:12px !important;
	display:block !important;
}

/* "314 reviews on" */
.tr-tp__count{
	color:rgba(255,255,255,.55) !important;
	font-size:12px !important;
	font-weight:500 !important;
	white-space:nowrap !important;
}

/* Trustpilot logo (image or inline star + wordmark) */
.tr-tp__brand{
	display:inline-flex !important;
	align-items:center !important;
	gap:4px !important;
}
.tr-tp__logo-img{
	height:16px !important;
	width:auto !important;
	display:block !important;
}
.tr-tp__logo-star{
	width:16px !important;
	height:16px !important;
	display:block !important;
	flex:none !important;
}
.tr-tp__logo-word{
	color:rgba(255,255,255,.75) !important;
	font-weight:700 !important;
	font-size:13px !important;
	letter-spacing:.03em !important;
	white-space:nowrap !important;
}

.tr-tp:focus-visible{
	outline:2px solid #03c988 !important;
	outline-offset:3px !important;
	border-radius:6px !important;
}

/* v3.22.0 — Mobile: ONE line, matching the DTC hero lockup exactly ("one
   notch down": label 13 / stars 15 / count 12 / brand word 13 / logo 16,
   gap 6). The previous max-width:205px stacked the widget in two lines by
   design; product decision is the DTC behaviour everywhere. The full row
   measures ±320px, so it holds one line from ±355px viewports; below that
   it wraps once before "314 reviews on" — identical to the DTC pages.
   Breakpoint aligned to DTC (<700). */
@media (max-width:699.98px){
	.tr-tp{gap:6px !important;max-width:none !important;}
	.tr-tp__word{font-size:13px !important;}
	.tr-tp__sq{width:15px !important;height:15px !important;}
	.tr-tp__sq svg{width:10px !important;height:10px !important;}
	.tr-tp__stars-img{height:15px !important;}
	.tr-tp__count{font-size:12px !important;}
	.tr-tp__logo-star{width:15px !important;height:15px !important;}
	.tr-tp__logo-img{height:16px !important;}
	.tr-tp__logo-word{font-size:13px !important;}
}