/*
 * Fixes for the shared pagination footer (templates/common/pagination.html).
 *
 * Two long-standing faults in style.css, which is left alone:
 *
 *   1. line 350 sets `li a { color:#fff }` and 357 sets
 *      `li a.number { color:#5da29f !important }`. 354 then gives the current
 *      page a #5da29f background - so the active number was teal text on a
 *      teal background and simply could not be read.
 *
 *   2. `li a.previous {}` and `li a.next {}` are empty rules, and the anchors
 *      are empty in the markup too. The prev/next buttons have therefore
 *      always rendered as blank grey squares.
 */

/* The active page sits on teal, so it needs light text. !important only
   because the rule it has to beat is itself !important. */
.pagination-content ul li a.number.active,
.pagination-content ul li a.number.active:hover {
	color: #fff !important;
	cursor: default;
}

/* The ... separator is not a destination; stop it looking clickable. */
.pagination-content ul li a.number.separator,
.pagination-content ul li a.number.separator:hover {
	background: transparent;
	cursor: default;
}

/* Give prev/next the arrows they never had. The anchors carry no text, so the
   glyph comes from CSS; the template supplies an aria-label for screen
   readers, which content: cannot do. */
.pagination-content ul li a.previous,
.pagination-content ul li a.next {
	color: #5da29f;
	font-size: 22px;
}

.pagination-content ul li a.previous:hover,
.pagination-content ul li a.next:hover {
	color: #fff;
}

.pagination-content ul li a.previous::before {
	content: "\2039"; /* ‹ */
}

.pagination-content ul li a.next::before {
	content: "\203A"; /* › */
}