/*
 * The theme's search box already has its own icon; hide the modern
 * library's built-in one to avoid showing two.
 */
.aa-InputWrapperPrefix {
	display: none;
}

/*
 * Hide the library's built-in clear (×) button — the theme manages
 * search input clearing via its own UI.
 */
.aa-ClearButton {
	display: none;
}

/*
 * @algolia/autocomplete-theme-classic applies its own grid layout, padding
 * and margin to .aa-Item, .aa-SourceHeader and .aa-PanelLayout. We keep that
 * stylesheet loaded for the panel's positioning/scrolling behavior, but its
 * spacing conflicts with algolia-autocomplete.css's rules for the same
 * elements (scoped under .aa-dropdown-menu/.aa-suggestion, added via the
 * classNames option in autocomplete-init.js). These overrides reset the
 * modern theme's spacing so only the legacy widget's look applies.
 */
.aa-dropdown-menu .aa-Item {
	display: block;
	min-height: 0;
	padding: 0;
}

.aa-dropdown-menu .aa-SourceHeader {
	margin: 0;
}

.aa-dropdown-menu .aa-PanelLayout {
	padding: 14px 0;
}

.aa-dropdown-menu .aa-suggestion {
	padding: 8px 0;
}

.aa-dropdown-menu .suggestion-post-title {
	margin-bottom: 3px;
}

.site-header .xta-algolia-autocomplete form[role="search"] {
	background: #000;
	border: none !important;
	height: 3.125rem;
}

.site-header .xta-algolia-autocomplete form[role="search"] input {
	color: #fff;
	border: 0 !important;
  border-radius: 0 !important;
}

.xta-algolia-autocomplete form[role="search"] {
	height: 2.25rem;
	border: 0 !important;
	border-radius: 0 !important;
}

.aa-Panel.aa-dropdown-menu {
	margin-top: 0;
	border-radius: 0;
	z-index: 9999;
}

.xta-algolia-autocomplete.aa-Autocomplete

.aa-Panel.aa-dropdown-menu .aa-PanelLayout {
	padding-top: 0;
}

.aa-Panel.aa-dropdown-menu .aa-PanelLayout .autocomplete-header {
	margin: 0 14px;
	line-height: 3em;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

.aa-Panel.aa-dropdown-menu .aa-PanelLayout .autocomplete-header .autocomplete-header-title {
	font-size: 12px;
	line-height: 36px;
	font-weight: 700;
}

.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-SourceNoResults,
.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-suggestions {
	padding-top: 0;
}

.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-SourceNoResults .autocomplete-empty,
.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-suggestions .autocomplete-empty {
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}

.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-SourceNoResults .autocomplete-empty span,
.aa-Panel.aa-dropdown-menu .aa-PanelLayout .aa-suggestions .autocomplete-empty span {
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
}