/**
 * Component: Site Header — styles
 * Scoped to .apt-nav (BEM root). apt- prefix avoids GeneratePress's own
 * .site-header classes.
 *
 * Comp (1440): 48px top/bottom padding, 64px sides, logo 155×31, CTA 145×50.
 */

.apt-nav {
	position: relative;
	z-index: 10; /* above the hero's line shapes, which rise behind it */
	background: transparent;
}

.apt-nav__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: var(--page-max);
	margin: 0 auto;
	padding: 48px var(--gutter);
}

.apt-nav__logo {
	display: inline-flex;
	flex-shrink: 0;
	border-radius: var(--radius-sm);
}

.apt-nav__logo:focus-visible {
	outline: 3px solid var(--color-accent);
	outline-offset: 6px;
}

.apt-nav__logo-img {
	display: block;
	width: 155px;
	height: auto;
}

/* ── Tablet ≤900px ────────────────────────────────────────────── */
@media (max-width: 900px) {
	.apt-nav__bar {
		padding-block: 32px;
	}

	.apt-nav__logo-img {
		width: 132px;
	}
}

/* ── Mobile ≤480px ────────────────────────────────────────────── */
@media (max-width: 480px) {
	.apt-nav__bar {
		padding-block: 20px;
	}

	.apt-nav__logo-img {
		width: 112px;
	}

	.apt-nav__cta {
		min-height: 42px;
		padding: 0 18px;
		font-size: 0.9375rem;
	}
}