/**
 * Rating summary: .mk-rating-summary (templates/components/rating-summary.php).
 * Star 24, average label-medium, count body-medium, gap 6; secondary text colour.
 */

.mk-rating-summary {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--custom--rating--gap);
	margin: 0;
	color: var(--wp--custom--color--text--secondary);
	text-decoration: none;
	font-family: var(--wp--custom--text--body-medium--font-family);
	font-size: var(--wp--custom--text--body-medium--font-size);
	font-weight: var(--wp--custom--text--body-medium--font-weight);
	line-height: var(--wp--custom--text--body-medium--line-height);
	letter-spacing: var(--wp--custom--text--body-medium--letter-spacing);
	white-space: nowrap;
}

.mk-rating-summary .mk-icon {
	flex: none;
	inline-size: var(--wp--custom--rating--icon-size);
	block-size: var(--wp--custom--rating--icon-size);
}

.mk-rating-summary__average {
	font-family: var(--wp--custom--text--label-medium--font-family);
	font-weight: var(--wp--custom--text--label-medium--font-weight);
}

a.mk-rating-summary:focus-visible {
	outline-width: var(--wp--custom--focus--ring-width);
	outline-style: solid;
	outline-color: var(--wp--custom--color--focus--ring);
	outline-offset: var(--wp--custom--focus--ring-offset);
}

@media (hover: hover) {
	a.mk-rating-summary:hover .mk-rating-summary__count {
		text-decoration: underline;
	}
}