/**
 * Update-safe Fiestly UX corrections.
 * Loaded after Listeo and plugin styles by the child theme.
 */

/* The fixed wrapper must never intercept taps outside its real controls. */
.listeo-floating-chat-widget {
	pointer-events: none !important;
}

.listeo-floating-chat-button,
.listeo-floating-welcome-bubble,
.listeo-floating-chat-popup {
	pointer-events: auto !important;
}

/* Search drilldown needs a usable panel above the map/results layer. */
#listeo_core-search-form .drilldown-menu-panel,
#listeo_core-search-form .drilldown-listing-types {
	position: relative;
	z-index: 30;
}

#listeo_core-search-form .drilldown-listing-types .menu-toggle {
	cursor: pointer;
}

.fiestly-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	min-width: 130px;
}

.fiestly-search-action {
	display: flex;
	justify-content: flex-end;
	margin: 10px 0 5px;
}

.fiestly-package-status {
	margin: 20px 0 !important;
}

@media (max-width: 768px) {
	.listeo-floating-chat-widget {
		width: 0 !important;
		height: 0 !important;
		left: auto !important;
		right: 0 !important;
		bottom: 0 !important;
	}

	.listeo-floating-chat-widget.position-left {
		left: 0 !important;
		right: auto !important;
	}

	.listeo-floating-chat-widget .listeo-floating-welcome-bubble {
		position: absolute !important;
		right: max(15px, env(safe-area-inset-right)) !important;
		bottom: calc(75px + env(safe-area-inset-bottom)) !important;
		float: none !important;
		width: max-content !important;
		max-width: calc(100vw - 30px) !important;
		margin: 0 !important;
	}

	.listeo-floating-chat-widget.position-left .listeo-floating-welcome-bubble {
		left: max(15px, env(safe-area-inset-left)) !important;
		right: auto !important;
	}

	.listeo-floating-chat-widget .listeo-floating-chat-popup {
		max-width: calc(100vw - 30px) !important;
		max-height: calc(100dvh - 100px) !important;
	}

	#listeo_core-search-form .drilldown-menu-panel,
	#listeo_core-search-form .drilldown-listing-types {
		width: 100%;
	}

	.fiestly-search-action,
	.fiestly-search-submit {
		width: 100%;
	}
}
