/* SVT — field position under the product score.
 *
 * Deliberately quiet. The dial already carries the visual weight; this is the
 * sentence that makes it readable, not a second thing to look at. No badge, no
 * pill, no colour-coded band — a score of 6.7 shown as "3rd of 69" needs one
 * line of small type and nothing else.
 *
 * Enqueued on single product pages only, filemtime-versioned, from
 * svt-core/includes/svt-rank.php.
 */

.svt-rank {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: .01em;
	color: var(--svtvs-muted, #6E6A62);
}

.svt-rank strong {
	font-weight: 700;
	color: var(--a, #C8842B);
}

/* The link is to the category the rank is measured in, so the underline is a
   hint rather than a call to action. */
.svt-rank a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, .14);
	transition: color .15s ease, border-color .15s ease;
}

.svt-rank a:hover,
.svt-rank a:focus-visible {
	color: #1A1814;
	border-bottom-color: currentColor;
}

@media (max-width: 560px) {
	.svt-rank { font-size: 12.5px; }
}

/* Compact: tiles, the compare-table header and the versus cards. Smaller and
   unlinked -- on a card the line is a label under a number, not a sentence. */
.svt-rank--compact {
	margin: 5px 0 0;
	font-size: 11.5px;
	line-height: 1.35;
	letter-spacing: 0;
}

.svt-compare-header-scores .svt-rank--compact {
	text-align: center;
}

/* Catalog: stack gaps live on the title, scores, and price row.
   Kill Rehub's p margin-bottom so it does not add a fourth space. */
.woocommerce .products .svt-rank.svt-rank--compact {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	padding-left: 8px;
	box-sizing: border-box;
	white-space: nowrap;
}

.svt-rank--compact a.svt-rank__cat {
	color: var(--svt-click, #4974c4);
	text-decoration: underline !important;
	border-bottom: 0;
	font-weight: 700;
	text-transform: none;
}

.svt-rank--compact a.svt-rank__cat:hover,
.svt-rank--compact a.svt-rank__cat:focus-visible {
	color: var(--svt-click-deep, #3a5d9c);
	text-decoration: underline !important;
	border-bottom: 0;
}

.woocommerce .products.grid_woo .product:has(.svt-rank--named) .cat_for_grid,
.woocommerce .products .woo_grid_compact:has(.svt-rank--named) .cat_for_grid {
	display: none !important;
}

.svt-compare-header-scores .svt-rank--compact {
	font-size: 11px;
	margin-top: 4px;
}

/* Versus cards sit on the panel background and carry their own gutter. */
.pcard .svt-rank--compact {
	margin: 0 0 12px;
	text-align: center;
	opacity: .85;
}

@media (max-width: 560px) {
	.svt-rank--compact { font-size: 11px; }
}