/**
 * Header bar: logo (left) · primary nav (center) · search + account (right).
 * Mobile (≤1024px): logo + utilities row; #navigation is the slide-out sheet.
 */

@media screen and (min-width: 1025px) {
	#snaplap #top-nav > .navContainer.container {
		padding-left: clamp(1rem, 3vw, 2rem);
		padding-right: clamp(1rem, 3vw, 2rem);
		box-sizing: border-box;
	}

	#snaplap #header .snaplap-header-bar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		column-gap: clamp(0.75rem, 2vw, 1.5rem);
		width: 100%;
		box-sizing: border-box;
		padding-top: var(--snap-space-3);
		padding-bottom: var(--snap-space-3);
	}

	#snaplap .snaplap-header-bar__brand {
		justify-self: start;
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
	}

	#snaplap a.logo .snaplap-logo {
		display: block;
		width: auto;
		height: 2.75rem;
		max-height: none;
	}

	#snaplap .snaplap-header-bar__primary {
		justify-self: center;
		grid-column: 2;
		grid-row: 1;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		position: static !important;
		float: none !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		border: none !important;
		background: transparent !important;
		top: auto !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		box-shadow: none !important;
		z-index: auto !important;
	}

	#snaplap .snaplap-header-bar__primary #main-nav.custom-nav,
	#snaplap .snaplap-header-bar__primary #main-nav.nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
		float: none !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	#snaplap .snaplap-header-bar__primary #main-nav > li {
		float: none !important;
		width: auto !important;
		display: list-item;
		margin: 0;
		padding: 0;
	}

	#snaplap .snaplap-header-bar__primary #main-nav > li > a {
		display: inline-block;
		padding: 0.25rem 0.875rem !important;
		font-family: robotoregular, Arial, Helvetica, sans-serif;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.375rem;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: var(--snap-color-ink, #1a1a1a) !important;
		background: transparent !important;
		border: none !important;
		white-space: nowrap;
	}

	#snaplap .snaplap-header-bar__primary #main-nav > li > a:hover,
	#snaplap .snaplap-header-bar__primary #main-nav > li > a:focus-visible {
		color: var(--snap-mnav-accent, #800020) !important;
		text-decoration: underline;
	}

	#snaplap .snaplap-header-bar__primary #main-nav > li.current-menu-item > a,
	#snaplap .snaplap-header-bar__primary #main-nav > li.current-menu-ancestor > a {
		color: var(--snap-color-brand-primary, #e0000b) !important;
		text-decoration: underline;
	}

	#snaplap .snaplap-header-bar__utilities {
		justify-self: end;
		grid-column: 3;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: clamp(0.75rem, 1.5vw, 1.25rem);
		min-width: 0;
	}

	#snaplap .snaplap-header-bar__utilities .search_nav_box {
		display: flex;
		align-items: center;
		margin: 0;
		flex-shrink: 0;
	}

	#snaplap .snaplap-header-account {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
	}

	#snaplap .snaplap-header-account__link {
		font-family: robotoregular, Arial, Helvetica, sans-serif;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.25rem;
		color: #666666;
		text-decoration: none;
		white-space: nowrap;
	}

	#snaplap .snaplap-header-account__link:hover,
	#snaplap .snaplap-header-account__link:focus-visible {
		color: var(--snap-mnav-accent, #800020);
		text-decoration: underline;
	}

	#snaplap .snaplap-header-account__sep {
		color: #bbbbbb;
		font-size: 0.875rem;
		line-height: 1;
		user-select: none;
	}

	/* Categories visible in bar — burger is mobile/tablet sheet only. */
	#snaplap .snaplap-header-bar__burger {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	/*
	 * Sticky chrome row: logo + search + burger stay visible while scrolling.
	 * Replaces legacy snap.css .fixedNav (position:fixed; width:1903px) on phone/tablet.
	 */
	#snaplap #top-nav {
		position: sticky;
		top: max(0px, env(safe-area-inset-top, 0px));
		z-index: var(--snap-z-nav-closed, 100);
		width: 100%;
		box-sizing: border-box;
		background-color: var(--snap-color-bg, #ffffff);
	}

	body.admin-bar #snaplap #top-nav,
	body.admin-bar #snaplap #top-nav.fixedNav {
		top: calc(var(--wp-admin--admin-bar--height, 32px) + env(safe-area-inset-top, 0px));
	}

	#snaplap #top-nav.fixedNav {
		position: sticky !important;
		left: auto !important;
		margin-left: 0 !important;
		width: 100% !important;
	}

	#snaplap #header .snaplap-header-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--snap-space-3);
		width: 100%;
		box-sizing: border-box;
		padding-top: var(--snap-space-3);
		padding-bottom: var(--snap-space-3);
	}

	#snaplap .snaplap-header-bar__brand {
		flex: 0 1 auto;
		min-width: 0;
	}

	#snaplap a.logo .snaplap-logo {
		height: 2.25rem;
		width: auto;
		max-width: min(52vw, 12rem);
	}

	#snaplap .snaplap-header-bar__utilities {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: var(--snap-space-2);
		flex: 0 0 auto;
		margin-left: auto;
	}

	#snaplap .snaplap-header-account {
		display: none;
	}

	#snaplap .snaplap-header-bar__utilities a#triggernav.showtrig:not(.active),
	html:not(.snaplap-mobile-nav-open) #snaplap .snaplap-header-bar__utilities a#triggernav.showtrig {
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		bottom: auto !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 2.75rem !important;
		height: 2.75rem !important;
		margin: 0 !important;
		padding: 0;
		font-size: 0 !important;
		line-height: 0 !important;
		color: var(--snap-mnav-ink, #1a1a1a) !important;
		background: rgba(255, 255, 255, 0.96) !important;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: var(--snap-radius-sm, 8px);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		flex-shrink: 0;
	}

	html.snaplap-mobile-nav-open #snaplap .snaplap-header-bar__utilities a#triggernav.showtrig {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;
		width: var(--snap-strip-w, 52px) !important;
		height: 100% !important;
		border-radius: 0 !important;
		background: var(--snap-mnav-bar, #1a1a1a) !important;
		color: #ffffff !important;
		box-shadow: none !important;
		border: none !important;
	}
}