/*
 * Design System - AELITA
 * utilities.css - minimal service utilities.
 *
 * Source of truth: docs/aelita-design/DESIGN.md
 * Only a small set of opt-in helpers. No layout system, no component styling.
 * Status: NOT enqueued yet (functions.php untouched) - no effect on the
 *         current theme until it is intentionally integrated.
 */

/* Visually hidden but available to assistive technology. */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute;
	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;
}

/* Hidden from everyone, including assistive technology. */
.u-hidden {
	display: none;
}

/* Remove from flow without losing accessibility semantics. */
.u-invisible {
	visibility: hidden;
}

.u-text-center {
	text-align: center;
}

.u-no-wrap {
	white-space: nowrap;
}