/* 30 — Utilities and site-chrome details. */

/* Hide visually, keep for screen readers. Never font-size: 0 (CLAUDE.md, Accessibility). */
.cfb-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Wordmark: short mark in the display face, full name beside it. */
.cfb-wordmark {
	margin: 0;
	line-height: var(--wp--custom--line-height--tight);
}

.cfb-wordmark a {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--15);
	min-height: 44px;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.cfb-wordmark__mark {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-sm);
	font-weight: 800;
	letter-spacing: var(--wp--custom--tracking--display);
	color: var(--wp--preset--color--clay);
}

.cfb-wordmark__name {
	font-weight: 600;
}

/* Header nav: touch targets of at least 44px. Never set `display` on the open/close buttons;
   core shows and hides them by breakpoint. */
.cfb-header .wp-block-navigation-item__content {
	min-height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cfb-header .wp-block-navigation__responsive-container-open,
.cfb-header .wp-block-navigation__responsive-container-close {
	min-height: 44px;
	min-width: 44px;
	align-items: center;
	justify-content: center;
}

.cfb-header .wp-block-navigation a {
	color: var(--wp--preset--color--ink);
	text-decoration-thickness: var(--wp--custom--rule);
	text-underline-offset: 0.3em;
}

/* Footer */
.cfb-footer__name {
	font-weight: 800;
	margin-bottom: 0;
}

.cfb-footer__tagline {
	max-width: 30ch;
}

.cfb-footer__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cfb-footer__nav a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.cfb-footer__legal {
	border-top: var(--wp--custom--rule) solid currentColor;
	padding-top: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--60);
}

/* Mobile menu overlay: paper, never white; big left-aligned links in the display face. */
.cfb-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--30) var(--wp--custom--gutter);
}

.cfb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start;
	padding-top: var(--wp--preset--spacing--60);
}

.cfb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
}

.cfb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-md);
	font-weight: 700;
	letter-spacing: var(--wp--custom--tracking--heading);
}