/**
 * MLS Genie™ — Frontend Draw Search
 * Minimal styles — results live inside Houzez's native panel.
 * Scoped to mlsg-fdr- prefix. No !important.
 *
 * @since 1.7.782
 */

/* ── Map controls container — flex layout so Draw button sits inline ──────── */

.map-arrows-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3px;
}

.map-arrows-actions button {
	margin: unset;
}

/* ── Draw button (appended to .map-arrows-actions after Layers) ───────────── */
/* map-btn (Houzez) provides: dark bg, white text, 30px height, border-radius  */
/* mlsg-fdr-btn is our modifier for active state only.                          */

.mlsg-fdr-btn {
	white-space: nowrap;
}

.mlsg-fdr-btn--active {
	background: #107dbd;
}

.mlsg-fdr-btn--active:hover {
	background: #0d6fa8;
}

/* Toggle helper for the chooser ⇄ clear button swap */
.mlsg-fdr-hidden {
	display: none !important;
}

/* Banner action group (Finish + Cancel) */
.mlsg-fdr-banner__actions {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* Finish = filled accent to read as the primary close action */
.mlsg-fdr-banner__finish {
	background: #107dbd;
	border-color: #107dbd;
}

.mlsg-fdr-banner__finish:hover {
	background: #0d6fa8;
	border-color: #0d6fa8;
}

/* ── Draw mode banner (top of map, visible while drawing) ─────────────────── */

.mlsg-fdr-banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	background: rgba(26, 26, 46, 0.9);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
	backdrop-filter: blur(4px);
	transition: opacity 0.2s, transform 0.2s;
}

.mlsg-fdr-banner--hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%);
}

.mlsg-fdr-banner__text {
	flex: 1;
}

.mlsg-fdr-banner__cancel {
	background: transparent;
	border: 1.5px solid rgba(255,255,255,.5);
	color: #fff;
	padding: 4px 14px;
	border-radius: 6px;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
	font-family: inherit;
}

.mlsg-fdr-banner__cancel:hover {
	background: rgba(255,255,255,.15);
	border-color: #fff;
}

/* ── Polygon precision filter — hides Houzez cards/markers outside polygon ─── */
/* !important required to defeat Houzez inline display styles on markers.       */

.mlsg-draw-hidden {
	display: none !important;
}

.mlsg-fdr-marker-hidden {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}