/*
Manticore Search — bridge to the Gray theme.

The module loads this file instead of its own when the theme carries a copy, so
nothing from the default sheet is in play here. Everything the panel looks like
comes from the theme itself: .form-results, .form-results__box, the section
headings, the magnifier and folder icons, the row hover and the product cards
are all the theme's own rules, and the module only feeds them markup.

Four things still need saying, and this is all of them.
*/

/* The theme ships its own empty panel next to ours. The rule that reveals a panel looks for .form-results__box anywhere inside .wrap-form, so ours switches the empty one on as well, and it would hang over our first rows. */
.wrap-form > .form-results:not(.manticore-search) {
	display: none !important;
}

/* The script clones this row for the search history and removes the original. */
.manticore-template {
	display: none;
}

/* The history needs a wrapper to carry the data attributes the script reads, which makes its heading a first child and costs it the theme's spacing. */
.manticore-search [data-manticore] .form-results__title {
	margin-top: 12px;
}

/* The theme's rows are flex, so the count sits on the right edge on its own. */
.manticore-search .manticore-total {
	margin-left: auto;
	padding-left: 8px;
	color: #8f8f8f;
}

/* Said only when a query found nothing at all; the theme has no row for this case. */
.manticore-search .manticore-empty {
	padding: 4px 20px 8px;
	color: #8f8f8f;
}