/**
 * News page category + search filter styling.
 *
 * These rules used to live inline in this theme's style.css, which United
 * never loads: it sets hello_elementor_settings_hello_theme = true, which
 * unregisters the Hello theme style handle and silently drops the dependent
 * child style.css. Moved to a dependency-free file so United gets them too.
 * Superior's news page is the reference.
 *
 * Everything else about the look (pill radii, grey input, button padding) comes
 * from the JetSmartFilters widget settings in the page's Elementor data. Only
 * the parts Elementor cannot express live here: the flex gap between the select
 * and the search field, and replacing the native select arrow with the chevron.
 *
 * The chevron is an inline data: URI on purpose. The old style.css rule
 * hardcoded https://superiorstg.vcnastaging.com/... for the same asset, so
 * every environment fetched it from WP Engine staging.
 */

.articles-filter .jet-search-filter {
	gap: 20px !important;
}

.articles-filter .jet-select__control {
	font-family: inherit;
	font-weight: 400;
	border-radius: 999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 stroke=%27%23666666%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: right 20px center;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	transition: none;
}
