/*
 * Ajustes de accesibilidad y UX del tema SCL.
 * Fichero pequeño y aditivo: no reescribe nada de style.css.
 * Se encola desde functions/enqueue-custom-scripts.php después de scl-main.
 */

/* ---------------------------------------------------------------------------
   1. Enlace "Saltar al contenido principal"
   Oculto hasta que recibe el foco con el teclado.
   --------------------------------------------------------------------------- */
.scl_skip_link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 12px 20px;
	background-color: #007BA2;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	border-radius: 0 0 4px 0;
}

.scl_skip_link:focus {
	left: 0;
}

#scl_main_content {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
   2. "Ver datos de contacto" pasa de <span> a <a>.
   style.css lo tiene escrito como span.link_company, así que se replica el
   mismo aspecto para el enlace. Si algún día se unifica el CSS original a
   .link_company, este bloque puede eliminarse.
   --------------------------------------------------------------------------- */
a.link_company {
	position: relative;
	display: block;
	color: #007BA2;
	font-size: 14px;
	margin: 10px 0 0 10px;
	text-align: center;
	cursor: pointer;
	padding: 10px 0;
	box-sizing: border-box;
	text-decoration: none;
}

a.link_company:hover,
a.link_company:focus {
	text-decoration: underline;
}

@media (min-width: 1024px) {
	#container_taxonomy_city #container_companies article.article_list_company a.link_company {
		position: absolute;
		display: inline-block;
		bottom: 30px;
		right: 20px;
		padding: 0;
		margin: 0;
	}

	#container_taxonomy_city #container_companies .article_company_premium a.link_company {
		bottom: 40px;
	}
}

/* ---------------------------------------------------------------------------
   3. Foco visible.
   El tema no definía ningún estilo de :focus, así que navegar con teclado era
   navegar a ciegas. :focus-visible solo se muestra en navegación por teclado,
   no al hacer clic con el ratón.
   --------------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #EB7324;
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
   4. Texto solo para lectores de pantalla.
   --------------------------------------------------------------------------- */
.scl_sr_only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------------------------------------------------------------------------
   5. Áreas táctiles mínimas en móvil (WCAG 2.5.8: 24x24 CSS px).
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.toggle_menu,
	#container_header_search,
	.button_scroll_form,
	#button_pagination_companies {
		min-height: 44px;
	}
}

/* ---------------------------------------------------------------------------
   6. Migas de pan: el <nav> no debe alterar el layout heredado.
   --------------------------------------------------------------------------- */
nav.scl_breadcrumbs {
	display: inline;
}

/* ---------------------------------------------------------------------------
   7. Respetar la preferencia de movimiento reducido del sistema.
   --------------------------------------------------------------------------- */
@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;
	}
}