/**
 * Estilos de acessibilidade carregados em todas as páginas do tema.
 *
 * Skip-link, foco visível padronizado e utilitários genéricos de a11y.
 */

/* Skip-link: aparece quando recebe foco via teclado (Tab) */
.skip-link {
	position: absolute !important;
	top: -100px;
	left: 1rem;
	z-index: 100000;
	padding: 0.75rem 1.25rem !important;
	background-color: #0b60e0 !important;
	color: #ffffff !important;
	font-size: 0.9375rem !important;
	font-weight: 600;
	text-decoration: none !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 20px rgba(11, 96, 224, 0.30);
	transition: top 200ms ease;
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	white-space: nowrap;
}

/* Quando o link recebe foco, sai da posição "hidden" da .screen-reader-text */
.skip-link:focus,
.skip-link:focus-visible {
	top: 1rem;
	outline: 3px solid rgba(11, 96, 224, 0.45);
	outline-offset: 2px;
}

/* Foco visível padronizado para elementos interativos sem estilo customizado */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid rgba(11, 96, 224, 0.35);
	outline-offset: 2px;
}