/**
 * Felix Theme — Utilities.
 *
 * Single-responsibility helper classes. Kept minimal; core block
 * utilities (alignments, text-align) are provided by WordPress.
 *
 * @package Felix_Theme
 */

/* -------------------------------------------------------------------------
   Accessibility utilities
   ------------------------------------------------------------------------- */

.screen-reader-text,
.sr-only {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.screen-reader-text:focus {
	background: var(--felix-color-background);
	clip: auto;
	clip-path: none;
	color: var(--felix-color-primary);
	display: block;
	font-size: var(--wp--preset--font-size--felix-base);
	font-weight: 600;
	height: auto;
	left: var(--felix-sp-xs);
	line-height: normal;
	padding: var(--felix-sp-xs) var(--felix-sp-s);
	text-decoration: none;
	top: var(--felix-sp-xs);
	width: auto;
	z-index: 100000;
}

/* -------------------------------------------------------------------------
   Layout utilities
   ------------------------------------------------------------------------- */

.alignwide {
	width: calc(100% - 2 * var(--felix-sp-xs));
	max-width: var(--felix-wide-width);
}

.alignfull {
	width: 100%;
}

.margin-top-none {
	margin-block-start: 0;
}

.margin-bottom-none {
	margin-block-end: 0;
}