/*
 * Front-end styles for WP-CommentNavi.
 *
 * Everything is scoped under the .wp-commentnavi root class, and font-family,
 * font-size and color are deliberately never set: the navigation inherits them
 * from the theme, which is why it looks at home in one without being told
 * anything about it.
 *
 * One sheet serves both text directions. Every property below is either
 * direction-neutral or a logical one -- no margin-left, no text-align: left, no
 * float -- so there is no -rtl.css to keep in step with this file.
 *
 * Both colours come from a custom property with a sensible fallback, so a theme
 * can restyle the navigation by setting two variables anywhere up the tree
 * rather than by copying this file. The resting border has a dark-scheme
 * default of its own; the current and hovered border is currentColor, which
 * follows the theme's text colour into either scheme on its own.
 */

.wp-commentnavi {
	clear: both;
}

.wp-commentnavi a,
.wp-commentnavi span {
	border: 1px solid var(--wp-commentnavi-border-color, #bfbfbf);
	margin: 2px;
	padding: 2px 4px;
	text-decoration: none;
}

@media (prefers-color-scheme: dark) {

	.wp-commentnavi a,
	.wp-commentnavi span {
		border-color: var(--wp-commentnavi-border-color, #4f4f4f);
	}
}

.wp-commentnavi a:hover,
.wp-commentnavi span.current {
	border-color: var(--wp-commentnavi-border-color-current, currentColor);
}

.wp-commentnavi span.current {
	font-weight: bold;
}