/* Screen-reader utilities.
   Used by the page-full.php h1 fallback (v4.14.0): keeps the fallback h1 in
   the accessibility tree and document outline without any visual presence.
   Standard clip pattern — display:none would remove it from the a11y tree. */

.lwp-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Skip links (v4.19.0): hidden until keyboard-focused, then a visible pill.
   .visually-hidden-focusable is the Bootstrap 5.3 class the classic header
   already uses — Bootstrap's own CSS isn't enqueued here, so we define the
   behavior ourselves (hidden with the clip pattern above; restored on focus).
   The modern header's .lwp-skip-link shares the styles. */
.lwp-skip-link,
.visually-hidden-focusable {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.lwp-skip-link:focus,
.lwp-skip-link:focus-visible,
.visually-hidden-focusable:focus,
.visually-hidden-focusable:focus-visible {
	position: fixed !important;
	top: 12px;
	left: 12px;
	width: auto !important;
	height: auto !important;
	padding: 0.6rem 1rem !important;
	margin: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	white-space: normal !important;
	z-index: 100000;
	background: var(--lwp-surface, rgba(20, 30, 50, 0.95));
	color: var(--lwp-text-primary, #e8eaf0);
	border: 1px solid var(--lwp-accent, #7c5cbf);
	border-radius: 6px;
	font-size: 0.9rem;
	text-decoration: none;
}