/**
 * Site-wide keyboard accessibility: one focus style and the skip link.
 *
 * Loaded last on every page (includes/a11y.php).
 */

/*
 * Focus (A11Y-02, WCAG 2.4.7 and 2.4.11): a dark green ring inside a white ring,
 * so it shows on light and dark backgrounds alike (#587920 is 5.04:1 against white).
 * !important because older rules (Bootstrap, styles.css) remove outlines on :focus.
 * :focus-visible shows it for the keyboard, not for mouse clicks.
 * No transition: many links have `transition: all`, which faded the ring in from
 * the text colour (#14); it appears at once instead.
 */
:focus-visible {
	outline: 3px solid #587920 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 7px #fff !important;
	transition: none !important;
}

/* Skip link (WCAG 2.4.1): off screen until it has focus, then top left. */
.eenergy-skip-link {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 100000;
	padding: 0.75rem 1.25rem;
	border-radius: 4px;
	background: #fff;
	color: #121212;
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: underline;
}

.eenergy-skip-link:focus {
	top: 0.75rem;
	left: 0.75rem;
	color: #121212;
}