/**
 * King compatibility & modern baseline overrides
 * Loaded after style.css — version 9.6.0+
 */

/* Restore keyboard focus (theme removed outlines globally) */
:focus {
	outline: none;
}

:focus-visible {
	outline: 2px solid #e60023;
	outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.king-head-toggle:focus-visible,
.king-vote-icon:focus-visible,
.follow-button:focus-visible {
	outline: 2px solid #e60023;
	outline-offset: 2px;
}

/* Prefer reduced motion when user requests it */
@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;
	}
}

/* Safer image defaults for modern layouts */
img,
video {
	max-width: 100%;
	height: auto;
}

/* Native lazy-load friendly: avoid layout jump if dimensions missing */
img.king-lazy:not(.loaded) {
	background-color: #eef0f3;
}

/* Skip-link for accessibility (if theme/plugins add one) */
.skip-link:focus,
.screen-reader-text:focus {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.5rem 1rem !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	z-index: 100000;
	background: #e60023;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
}