/**
 * Component: Site Header — styles
 * Scoped to .apt-nav (BEM root). Using apt- prefix to avoid collision with
 * GeneratePress's own .site-header class on <header id="masthead">.
 *
 * White bar, hairline bottom border, sticky. Logo left, navy CTA right. The
 * inner row is capped at 1440px so the edges track a centered container on
 * wide screens.
 */

/* ── Outer bar ────────────────────────────────────────────────── */
.apt-nav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	background: var(--color-bg);
	border-bottom: 1px solid var(--color-border);
}

/* ── Inner row ────────────────────────────────────────────────── */
.apt-nav__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1440px;
	height: 96px;
	margin-inline: auto;
	padding-inline: clamp(16px, 6vw, 85px);
}

/* ── Logo ─────────────────────────────────────────────────────── */
.apt-nav__logo {
	--apt-logo-mark: var(--color-brand);
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--color-text-pri); /* wordmark */
	text-decoration: none;
}

.apt-nav__logo:hover,
.apt-nav__logo:focus {
	color: var(--color-text-pri); /* beat GeneratePress's a:hover colour */
}

.apt-nav__logo-svg {
	display: block;
	width: 168px;
	height: auto;
}

/* ── CTA button ───────────────────────────────────────────────── */
.apt-nav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0 var(--space-lg); /* 16px */
	background: var(--color-brand);
	color: var(--color-text-inv);
	border-radius: var(--radius-md); /* 12px */
	font-family: var(--font-body);
	font-size: var(--text-body);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.apt-nav__cta:hover,
.apt-nav__cta:focus {
	background: var(--color-brand-shade);
	color: var(--color-text-inv);
}

/* ── Focus indicators (WCAG 2.1 AA SC 2.4.7) ─────────────────── */
.apt-nav__logo:focus-visible,
.apt-nav__cta:focus-visible {
	outline: 2px solid var(--color-brand);
	outline-offset: 3px;
	border-radius: 4px;
}

/* ── Tablet ≤900px ────────────────────────────────────────────── */
@media (max-width: 900px) {
	.apt-nav__inner {
		height: 80px;
		padding-inline: var(--space-2xl);
	}

	.apt-nav__logo-svg {
		width: 148px;
	}

	.apt-nav__cta {
		height: 44px;
		font-size: 15px;
	}
}

/* ── Mobile ≤480px ────────────────────────────────────────────── */
@media (max-width: 480px) {
	.apt-nav__inner {
		height: 68px;
		padding-inline: var(--space-lg);
	}

	.apt-nav__logo-svg {
		width: 124px;
	}

	.apt-nav__cta {
		height: 40px;
		padding: 0 var(--space-md);
		font-size: 14px;
	}
}

/* ── Reduced motion ───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.apt-nav__cta {
		transition: none;
	}
}