/* Site-wide WCAG 2.2 interaction and structure safeguards. */

:root {
	/* Accessible counterparts retain the established SHARE blue/teal hues. */
	--share-accessible-link: #37748f;
	--share-accessible-social: #4d7b9e;
	--share-accessible-boundary: #5b9395;
	--share-navy: #013562;
	--global-palette5: var(--share-accessible-link);
}

/* Kadence uses the brighter accent as text in a few contexts. Keep the
 * signature accent for fills, while using its deeper counterpart for text. */
.entry-content a:not(.kb-button),
.entry-summary a,
.entry-meta a,
.entry-footer a,
.entry-taxonomies a,
.comment-content a,
.comment-author a,
.comment-form a,
.comment-reply-link,
.site-header .current-menu-item > a,
.site-header a[aria-current="page"] {
	color: var(--share-accessible-link) !important;
}

.entry-content a:not(.kb-button):hover,
.entry-content a:not(.kb-button):focus-visible,
.entry-summary a:hover,
.entry-summary a:focus-visible,
.entry-meta a:hover,
.entry-meta a:focus-visible,
.entry-footer a:hover,
.entry-footer a:focus-visible,
.entry-taxonomies a:hover,
.entry-taxonomies a:focus-visible,
.comment-content a:hover,
.comment-content a:focus-visible,
.comment-author a:hover,
.comment-author a:focus-visible,
.comment-form a:hover,
.comment-form a:focus-visible,
.comment-reply-link:hover,
.comment-reply-link:focus-visible {
	color: var(--share-navy) !important;
}

.header-social-item,
.footer-social-item {
	color: var(--share-accessible-social) !important;
}

.header-social-item:hover,
.header-social-item:focus-visible,
.footer-social-item:hover,
.footer-social-item:focus-visible {
	color: var(--share-navy) !important;
}

.comment-form label,
.comment-form input:not([type="submit"]),
.comment-form textarea {
	color: var(--share-navy) !important;
}

.comment-form input:not([type="submit"]),
.comment-form textarea {
	border-color: var(--share-accessible-boundary) !important;
}

:where(
		a,
		button,
		input,
		select,
		textarea,
		summary,
		[role="button"],
		[tabindex]:not([tabindex="-1"])
	):focus-visible {
	outline: 3px solid currentColor !important;
	outline-offset: 3px !important;
}

:where(
		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		select,
		summary,
		[role="button"]
	) {
	min-block-size: 44px;
	min-inline-size: 44px;
}

:target {
	scroll-margin-block-start: 6rem;
}

.share-a11y-page-header {
	box-sizing: border-box;
	inline-size: min(100%, var(--global-content-width, 1152px));
	margin-inline: auto;
	padding: 2rem var(--global-content-edge-padding, 24px) 0;
}

.share-a11y-page-title {
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-delay: 0s !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-delay: 0s !important;
		transition-duration: 0.01ms !important;
	}
}

@media (forced-colors: active) {
	:where(
			a,
			button,
			input,
			select,
			textarea,
			summary,
			[role="button"],
			[tabindex]:not([tabindex="-1"])
		):focus-visible {
		outline-color: CanvasText !important;
	}
}