/* ==================================================
   HARCHI KOLO Core — unified dropdown/select chevron
   Core 2.0.14
   ==================================================

   This stylesheet is deliberately limited to HARCHI KOLO front-end UI and
   HivePress front-end forms used by the project. It does not style wp-admin.
*/

@media (min-width: 981px) {
	/* One canonical HARCHI dropdown marker: cream disc, gold ring, green chevron. */
	.hk-catalog-page select:not([multiple]):not(.select2-hidden-accessible),
	.hk-recipes-shell select:not([multiple]):not(.select2-hidden-accessible),
	.hk-recipe-single select:not([multiple]):not(.select2-hidden-accessible),
	.hk-recipe-form select:not([multiple]):not(.select2-hidden-accessible),
	.hk-music-shell select:not([multiple]):not(.select2-hidden-accessible),
	.hk-places-shell select:not([multiple]):not(.select2-hidden-accessible),
	.hk-place-form select:not([multiple]):not(.select2-hidden-accessible),
	body:not(.wp-admin) .hp-form select:not([multiple]):not(.select2-hidden-accessible) {
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		appearance: none !important;
		padding-right: 50px !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='11.5' fill='%23FFF8E7' stroke='%23C79A2B' stroke-width='1.4'/%3E%3Cpath d='M10 12 14 16l4-4' fill='none' stroke='%23123F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: right 8px center !important;
		background-size: 28px 28px !important;
		cursor: pointer;
	}

	/* Regional search uses a separate arrow span rather than select background. */
	.hk-regional-catalog__select-arrow {
		right: 8px !important;
		width: 28px !important;
		height: 28px !important;
		border: 1.4px solid #C79A2B !important;
		border-radius: 50% !important;
		background: #FFF8E7 !important;
		box-sizing: border-box !important;
	}
	.hk-regional-catalog__select-arrow svg {
		width: 14px !important;
		height: 14px !important;
		stroke: #123F2F !important;
		stroke-width: 2 !important;
	}
	.hk-regional-catalog__select-wrap select {
		padding-right: 50px !important;
	}

	/* Native Microsoft arrow must stay hidden when our branded marker is used. */
	.hk-catalog-page select::-ms-expand,
	.hk-recipes-shell select::-ms-expand,
	.hk-recipe-single select::-ms-expand,
	.hk-recipe-form select::-ms-expand,
	.hk-music-shell select::-ms-expand,
	.hk-places-shell select::-ms-expand,
	.hk-place-form select::-ms-expand,
	body:not(.wp-admin) .hp-form select::-ms-expand {
		display: none;
	}
}