/* All About Material v1.4.15 - directory quick search and global results. */

.aam-search-shell {
	position: relative;
	z-index: 25;
}

.aam-directory-live-results {
	z-index: 60;
	top: calc(100% + 10px);
	display: none;
	max-height: 460px;
}

.aam-search-shell.is-open .aam-directory-live-results {
	display: block;
}

.aam-directory-live-results .aam-search-quick {
	padding: 4px;
}

.aam-brand-directory-showcase {
	margin-top: 0;
}

.aam-brand-directory-showcase .aam-featured-brand-card,
.aam-brand-directory-showcase .aam-featured-brand-card:hover {
	min-height: 310px;
}

.aam-global-search-bar {
	grid-template-columns: minmax(0, 1fr) auto;
}

.aam-global-search-shell {
	max-width: 960px;
	margin: 0 auto;
}

.aam-global-result-bar {
	margin-top: 46px;
}

.aam-search-welcome {
	max-width: 680px;
	margin: 70px auto 0;
	padding: 48px 38px;
	border: 1px solid var(--aam-line);
	border-radius: 22px;
	background: linear-gradient(145deg, var(--aam-primary-soft), #fff);
	text-align: center;
}

.aam-search-welcome-icon {
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: var(--aam-primary);
	color: #fff;
	box-shadow: 0 14px 30px color-mix(in srgb, var(--aam-primary) 23%, transparent);
}

.aam-search-welcome-icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

.aam-search-welcome h2 {
	font-size: 27px;
}

.aam-search-welcome p {
	max-width: 520px;
	margin: 10px auto 0;
	color: var(--aam-muted);
}

.aam-search-result-section {
	margin-top: 84px;
	padding-top: 10px;
}

.aam-search-result-section + .aam-search-result-section {
	padding-top: 74px;
	border-top: 1px solid var(--aam-line);
}

.aam-search-result-section .aam-section-heading {
	margin-bottom: 30px;
}

.aam-search-result-section .aam-section-heading .aam-eyebrow {
	margin-bottom: 6px;
}

@media (max-width: 780px) {
	.aam-directory-live-results {
		max-height: min(420px, 65vh);
	}

	.aam-global-search-bar,
	.aam-brand-filter-bar {
		grid-template-columns: 1fr;
	}

	.aam-search-result-section {
		margin-top: 64px;
	}

	.aam-search-result-section + .aam-search-result-section {
		padding-top: 54px;
	}
}

@media (max-width: 520px) {
	.aam-search-welcome {
		margin-top: 45px;
		padding: 38px 22px;
	}

	.aam-search-result-section .aam-section-heading {
		display: block;
	}
}