/* All About Material Theme 1.0.7 — left search, right navigation, stable search focus */

/* Desktop order: logo -> search -> menu -> account. */
@media (min-width: 1051px) {
	.aam-container.aam-nav-wrap {
		width: min(1540px, calc(100% - 44px));
		gap: 18px;
	}

	.aam-logo {
		order: 1;
		flex: 0 0 auto;
		margin: 0;
	}

	.aam-header-search {
		order: 2;
		flex: 0 1 510px;
		width: clamp(360px, 29vw, 510px);
		min-width: 330px;
		max-width: 510px;
		margin: 0 0 0 8px;
	}

	.aam-nav {
		order: 3;
		flex: 0 0 auto;
		justify-content: flex-end;
		gap: 25px;
		margin: 0 0 0 auto;
	}

	.aam-nav-actions {
		order: 4;
		flex: 0 0 auto;
		margin: 0 0 0 4px;
	}

	.aam-header-search-panel,
	.aam-header-search.is-open .aam-header-search-panel {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		min-width: 0;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	.aam-header-search-panel > form {
		height: 50px;
		padding: 4px 5px 4px 16px;
		border-radius: 14px;
	}

	.aam-header-search .aam-live-search-results {
		position: absolute;
		top: calc(100% + 12px);
		right: 0;
		left: 0;
		z-index: 150;
	}
}

/* Keep the header usable on narrower desktop screens without pushing the menu off-canvas. */
@media (min-width: 1051px) and (max-width: 1320px) {
	.aam-container.aam-nav-wrap {
		gap: 12px;
	}

	.aam-header-search {
		flex-basis: 360px;
		width: 360px;
		min-width: 300px;
		margin-left: 2px;
	}

	.aam-nav {
		gap: 16px;
	}

	.aam-nav a {
		font-size: 13px;
	}

	.aam-header-search-submit {
		min-width: 74px;
		padding-inline: 13px;
	}
}

@media (min-width: 1051px) and (max-width: 1160px) {
	.aam-header-search {
		flex-basis: 300px;
		width: 300px;
		min-width: 270px;
	}

	.aam-nav {
		gap: 12px;
	}

	.aam-header-search-panel input[type="search"] {
		font-size: 13px !important;
	}
}

/* The search result panel is hidden until the live-search shell is explicitly active. */
.aam-header-search:not(.is-open) .aam-live-search-results {
	display: none !important;
}

.aam-header-search.is-open .aam-live-search-results {
	display: block !important;
}