/* Site header (page-parts/header.php, lib/header.php). Sizes come from Customizer > Header as CSS variables. */
#header.svq-header .navbar {
	height: auto;
	min-height: var(--svq-header-height, 80px);
	padding-top: 0;
	padding-bottom: 0;
	flex-wrap: nowrap;
}
#header.svq-header .navbar-brand {
	display: flex;
	align-items: center;
	margin-right: 2rem;
	font-weight: 700;
}
#header.svq-header .navbar-brand .seeko-logo {
	max-height: var(--svq-logo-height, 50px);
	width: auto;
}
#header.svq-header.svq-header-sticky {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1030;
}
/* The theme hides horizontal overflow on the body; "clip" does the same without breaking position: sticky. */
body.svq-has-sticky-header {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

/* Search button, account menu and the mobile toggle sit on the right. */
.svq-header-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-left: auto;
	flex-shrink: 0;
}
.svq-menu-right .svq-header-actions {
	margin-left: 1.5rem;
}
.svq-header-search {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: var(--tertiary, #555eff);
	color: #fff !important;
	font-size: 20px;
	transition: opacity .2s;
}
.svq-header-search:hover {
	opacity: .85;
}
.svq-header-account-toggle {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	color: inherit;
}
.svq-header-account-toggle img {
	width: 40px;
	height: 40px;
}
.svq-header-account .dropdown-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
.svq-header-guest {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.svq-header-guest .svq-header-login {
	color: inherit;
}
#header.svq-header .navbar-toggler {
	border: 0;
	padding: .25rem 0;
}

@media (min-width: 1150px) {
	/* Logo, menu, then the actions on the right (the markup puts the actions first for the mobile layout). */
	#header.svq-header .navbar-collapse {
		order: 1;
	}
	#header.svq-header .svq-header-actions {
		order: 2;
	}
	.svq-menu-center .svq-header-actions {
		margin-left: 0;
	}
}
@media (max-width: 1149.98px) {
	#header.svq-header .navbar {
		flex-wrap: wrap;
	}
	.svq-header-account-name,
	.svq-header-guest .svq-header-login {
		display: none;
	}
	#header.svq-header .navbar-collapse {
		flex-basis: 100%;
		order: 3;
	}
}