/**
 * Reviews.io widget support styles.
 *
 * Deliberately minimal. The widget's own appearance is configured through CSS
 * custom properties passed to it in JavaScript; this file only covers what the
 * widget cannot style itself.
 *
 * @package HuffAndPuffers
 */

/*
 * The rating snippet near the product title is made focusable so it can be
 * reached and activated by keyboard. A focusable control must also have a
 * visible focus indicator, otherwise a keyboard user cannot tell where they
 * are — WCAG 2.4.7. Without this rule the M1 fix from HUF-7 would only be
 * half done.
 */
.ruk_rating_snippet[tabindex] {
	cursor: pointer;
}

.ruk_rating_snippet[tabindex]:focus-visible {
	outline: 2px solid #0e1311;
	outline-offset: 3px;
}

/* Older browsers without :focus-visible still get an indicator. */
.ruk_rating_snippet[tabindex]:focus:not(:focus-visible) {
	outline: 2px solid #0e1311;
	outline-offset: 3px;
}

/* Reserved space while the widget loads, released once it paints. */
.huf-reviews__status {
	margin: 0;
	padding: 1em 0;
	text-align: center;
}