/* ============================================================
   Accessibility base, Diakosmos Decor
   WCAG 2.1 AA: orati estiasi (2.4.7), reduced motion (2.3.3),
   skip link, screen-reader utilities. Mono presentation.
   ============================================================ */

/* ---- 1. Focus visible: orato plaisio se ploigisi me plktro ---- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--dd-focus-ring);
	outline-offset: 2px;
	border-radius: var(--dd-radius);
	box-shadow: 0 0 0 2px var(--dd-surface), 0 0 0 5px var(--dd-focus-ring);
}

/* Se klik me pontiki kryvoume to outline, mono me plktro fainetai */
:where(a, button, input, select, textarea, summary, [tabindex]):focus:not(:focus-visible) {
	outline: none;
}

/* ---- 2. Skip link (Astra / WP core: .skip-link.screen-reader-text) ---- */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
}

.skip-link:focus {
	left: var(--dd-space-md);
	top: var(--dd-space-md);
	width: auto;
	height: auto;
	padding: var(--dd-space-sm) var(--dd-space-md);
	background: var(--dd-primary);
	color: var(--dd-on-primary);
	font-family: var(--dd-font-body);
	font-size: 1rem;
	text-decoration: underline;
	border-radius: var(--dd-radius);
	box-shadow: var(--dd-shadow);
	outline: 3px solid var(--dd-focus-ring);
	outline-offset: 2px;
}

/* ---- 3. Reduced motion: respect tis protimisis tou xristi ---- */
@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;
	}
}

/* ---- 4. Screen-reader only utility ---- */
.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;
}

.sr-only-focusable:focus,
.sr-only-focusable:focus-within {
	position: static !important;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}