/* Editable price combobox — advanced search min/max price only.
   The wrapper carries .ms-parent and the field .ms-choice, so layout + box
   styling are inherited from the theme in every context (home pill, listing
   grid/flex). These rules only cover the input quirks, caret and dropdown. */

.flp-pricebox {
	position: relative;
}

.flp-pricebox__input.ms-choice {
	margin: 0; /* a global .ms-choice rule adds margin-bottom:12px → drops the field; cancel it */
	cursor: text;
	line-height: normal; /* let the input vertically centre its own text */
	-webkit-appearance: none;
	appearance: none;
}

.flp-pricebox__input::placeholder {
	color: #444; /* match the other dropdowns' default text (.ms-choice color), not a light placeholder */
	opacity: 1;
}

.flp-pricebox__input:focus {
	border-color: #a78f51;
}

/* Down caret matching the other fields (multiselect injects one as a child; an
   input can't hold a child, so draw it on the wrapper). */
.flp-pricebox::after {
	content: "";
	position: absolute;
	right: .9rem;
	top: 50%;
	margin-top: -2px;
	border: 5px solid transparent;
	border-top-color: #888;
	border-bottom: 0;
	pointer-events: none;
}

/* Dropdown — mirrors .ms-drop. */
.flp-pricebox__menu {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -1px;
	padding: 0;
	list-style: none;
	max-height: 260px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #aaa;
	border-top: 0;
	border-radius: 0 0 .5rem .5rem;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	display: none;
}

.flp-pricebox__menu.is-open {
	display: block;
}

.flp-pricebox__opt {
	padding: .45rem 1rem;
	font-size: inherit;
	color: #444;
	cursor: pointer;
	white-space: nowrap;
}

.flp-pricebox__opt:hover {
	background: #f4f1e9;
}

.flp-pricebox__opt--any {
	color: #999;
}
