/*
 * Front-end styles for WP-PageNavi -- customised to match the site theme.
 *
 * This is the 2.x pagenavi-css.css customisation ported to the 3.0.0 file
 * (renamed to wp-pagenavi.css, moved into css/).
 *
 * No dark-scheme block: blog.fabianpiau.com renders a single light design
 * regardless of prefers-color-scheme (dark text on a light background even
 * when the OS is in dark mode), so a dark override would only put dark chips
 * on a light page. The resting palette is kept in custom properties so a
 * dark override can be dropped in later if the theme ever gains real dark
 * mode -- just set --wp-pagenavi-* inside an @media (prefers-color-scheme:
 * dark) block.
 */

.wp-pagenavi {
	/* Resting-state palette (overridable by a theme up the tree). */
	--wp-pagenavi-color: #707070;
	--wp-pagenavi-bg: #FFFFFF;
	--wp-pagenavi-border-color: #DCDCDC;

	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	padding: 10px 20px 10px;
	display: block;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid var(--wp-pagenavi-border-color);
	padding: 10px 9px;
	margin: 1px;
}

.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
	color: var(--wp-pagenavi-color);
	background: var(--wp-pagenavi-bg);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px var(--wp-pagenavi-border-color);
	margin-right: 3px;
	text-decoration: none;
}

.wp-pagenavi span.extend {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fff;
	border: solid 1px #3D6DC3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 3px;
	background: #0061A8;
	background: -moz-linear-gradient(top, #C2E0FF 1px, #84AFFE 1px, #0061A8);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #C2E0FF), color-stop(0.02, #84AFFE), color-stop(1, #0061A8));
}

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