/*
 * BioMed local replacement for the Google-CDN jQuery UI "smoothness" theme.
 * (Local modification, 2026-08-22 — not part of upstream postit 1.1.1.)
 *
 * WHY the CDN theme had to go (both measured):
 *  1. Its GENERIC chrome (.ui-widget-content etc.) leaked onto Woodmart's price-filter
 *     slider whenever AJAX filtering ("Filtruoti") re-appended stylesheets last —
 *     the long-standing grey-box slider bug on production.
 *  2. Its URL embeds WordPress's registered jQuery UI version; WP 7.1 registers 1.14.2,
 *     which Google Hosted Libraries does not carry (HTTP 404) — dead stylesheet on 7.1.
 *
 * Postit uses exactly ONE jQuery UI widget: autocomplete. This file styles only that.
 * RULE FOR FUTURE EDITS: every visual selector must stay scoped under .ui-autocomplete —
 * never style bare .ui-widget / .ui-widget-content / .ui-state-* here, or the slider
 * bug returns.
 */

/* Structural — jQuery UI positions the menu with inline top/left, but
   position:absolute itself must come from the stylesheet. .ui-front's stacking
   role is folded into the z-index here. */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	cursor: default;
	display: block;
	list-style: none;
	margin: 0;
	padding: 4px 0;
	outline: 0;
	max-height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	border: 1px solid #d0d5da;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	font-family: inherit;
	font-size: inherit;
}

.ui-autocomplete .ui-menu-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* jQuery UI 1.12+ renders each suggestion as <li.ui-menu-item><div.ui-menu-item-wrapper> */
.ui-autocomplete .ui-menu-item-wrapper {
	display: block;
	padding: 6px 12px;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	margin: 0;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	background: #f0f2f4;
	color: inherit;
	border: 0;
	margin: 0;
}

/* jQuery UI's screen-reader live region ("N results are available…") — without this
   rule the span renders as visible text next to the address field. Global on purpose:
   this class's one universal meaning is "visually hidden". */
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}