/*
 * Normalise the <select> elements created by hg-property-dropdown so they
 * look identical to the original <input type="text"> elements they replace.
 *
 * The browser renders <select> with native OS chrome (arrow, border, bg) even
 * when CSS overrides are present — `appearance: none` removes that.
 * A lightweight inline SVG chevron re-adds a clear interactive affordance.
 */

select.hk-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	/* Inline chevron — same colour as the text (#000) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23000000'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding-right: 36px !important;
}

select.hk-input:focus {
	outline: none;
}