/* ==========================================================
   FWLD accessibility additions
   Append to the END of /assets/css/style.css so it overrides UIkit.
   ========================================================== */

/* Visually hidden, still read by screen readers (skip link + any hidden labels) */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Skip link becomes visible when focused (2.4.1, 2.4.7) */
.skip-link.screen-reader-text:focus {
	position: fixed !important;
	top: 8px;
	left: 8px;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 20px;
	overflow: visible;
	clip: auto;
	clip-path: none;
	background: #fff;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
	border: 2px solid #000;
}

/* Strong, visible keyboard focus everywhere (2.4.7, 2.4.11, 1.4.11).
   Dark outline + white halo works on both light and dark backgrounds. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #1a1a1a !important;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px #fff;
}

/* If you ever make the header sticky, keep focused items from hiding under it (2.4.11) */
html {
	scroll-padding-top: 5rem;
}

/* Respect "reduce motion" (the search box uses slide/shake animations) */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- Added with the footer.php update ---------- */

/* Don't draw a focus ring around the page container when the skip link moves focus to it */
#content[tabindex="-1"]:focus,
#content[tabindex="-1"]:focus-visible {
	outline: none !important;
	box-shadow: none;
}

/* Footer link lists were links separated by <br>; keep the old spacing now that they are <ul> */
.footer-org-info .footer-link-list {
	margin-top: 0;
	margin-bottom: 0;
}

/* Pause button for the auto-scrolling logo carousel (2.2.2). Adjust colors to the theme. */
.owl-pause-btn {
	display: block;
	margin: 0 auto 10px;
	padding: 6px 14px;
	min-height: 32px;
	background: #fff;
	color: #1a1a1a;
	border: 2px solid #1a1a1a;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.2;
	cursor: pointer;
}
.owl-pause-btn[aria-pressed="true"] {
	background: #1a1a1a;
	color: #fff;
}

/* ---------- Added with the front-page.php update ---------- */

/* Auto-play toggle sitting on top of the hero slider (2.2.2) */
.slideshow-autoplay-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 10;
	min-height: 32px;
	background: #fff;
	color: #1a1a1a;
	border: 2px solid #1a1a1a;
}
.slideshow-autoplay-btn.uk-active,
.slideshow-autoplay-btn[aria-pressed="true"] {
	background: #fff;
	color: #1a1a1a;
}
.slideshow-autoplay-btn[aria-pressed="false"] {
	background: #1a1a1a;
	color: #fff;
}

/* 2.5.8 Target Size (Minimum): at least 24x24 CSS px */
.fwld-share { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fwld-share a,
.publication-category a,
.publication-search button {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  padding: 4px 8px;
}
 
/* 1.4.1 Links inside text should not rely on colour alone */
.publication-category a,
.publication-description a { text-decoration: underline; }