/*!
 * Maestro Listing Enhancer - styles
 * Bundled with the Maestro plugin (INDEX Holding).
 * Covers the search box, its clear button, the A-Z ListNav bar, and the
 * "no results" message. Deliberately light-touch: it should look at home
 * next to any Elementor/WPBakery theme without fighting theme styles.
 */

.maestro-search-bar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 420px;
	margin: 0 0 24px;
}

.maestro-search-bar input[type="text"],
.maestro-search-bar input[type="search"] {
	flex: 1 1 auto;
	width: 100%;
	padding: 10px 36px 10px 14px;
	border: 1px solid rgba(130, 130, 130, 0.35);
	border-radius: 8px;
	font-size: 15px;
	box-sizing: border-box;
}

.maestro-search-bar .maestro-search-clear {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 20px;
	line-height: 1;
	color: #828282;
	cursor: pointer;
	padding: 4px 6px;
}

.maestro-search-bar .maestro-search-clear:hover {
	color: #4f4d4d;
}

.maestro-search-bar button[type="button"]:not(.maestro-search-clear),
.maestro-search-bar button[type="submit"] {
	flex: 0 0 auto;
}

/* A-Z jump bar */
.listNav {
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
}

.listNav .ln-letters {
	display: flex;
	flex-wrap: wrap;
}

.listNav .ln-letters a {
	border-radius: 4px;
	margin: 0 4px 4px 0;
	border: 1px solid rgba(130, 130, 130, 0.35);
	min-width: 28px;
	text-align: center;
	color: #4f4d4d;
}

.listNav .ln-letters a:hover,
.listNav .ln-letters a.ln-selected {
	background-color: #005b8f;
	border-color: #005b8f;
	color: #fff;
}

.listNav .ln-letters a.ln-disabled {
	color: #ccc;
	border-color: rgba(130, 130, 130, 0.15);
}

.maestro-no-results {
	width: 100%;
	padding: 24px 0;
	color: #828282;
	font-style: italic;
}