/* =========================================================================
   HNZ Constructions — utilities

   Single-purpose helper classes.

   Enqueued by hnz_enqueue_assets() in inc/enqueue.php, which fixes the load
   order. Design tokens live in tokens.css.
   ========================================================================= */

/* Utilities ============================================================== */

/* The `hidden` attribute is only a user-agent-stylesheet rule, so any author
   rule that sets `display` on the same element (e.g. .arrow-link) overrides
   it regardless of specificity. Force it to win here since utilities.css
   loads last. */
[hidden] {
	display: none !important;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.skip-link:focus {
	position: fixed;
	top: var(--sp-3);
	left: var(--sp-3);
	z-index: 999;
	width: auto;
	height: auto;
	clip-path: none;
	padding: var(--sp-3) var(--sp-4);
	background: var(--c-surface);
	box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
}

.icon {
	display: inline-flex;
}

.icon svg {
	width: 16px;
	height: 16px;
}

[data-reveal] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 600ms ease, transform 600ms ease;
}

[data-reveal].is-revealed {
	opacity: 1;
	transform: none;
}