/**
 * Mobile chat — launcher is outside #flowbie-chat-widget-root; root hidden until open.
 */
@media (max-width: 767px) {
	html,
	body {
		overflow-x: hidden !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#flowbie-chat-mobile-launcher[hidden],
	.fcw-mobile-launcher[hidden],
	body:has(#flowbie-chat-widget-root.fai-sidebar-root--open) #flowbie-chat-mobile-launcher {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	#flowbie-chat-mobile-launcher,
	.fcw-mobile-launcher {
		position: fixed !important;
		bottom: 20px !important;
		right: 16px !important;
		left: auto !important;
		width: 56px !important;
		height: 56px !important;
		z-index: 999900 !important;
		pointer-events: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	#flowbie-chat-widget-root[hidden],
	#flowbie-chat-widget-root.fcw-mobile-root-closed {
		display: none !important;
		visibility: hidden !important;
		position: absolute !important;
		left: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		max-width: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	#flowbie-chat-widget-root.flowbie-chat-widget.fai-sidebar-root--open {
		display: block !important;
		visibility: visible !important;
		position: fixed !important;
		inset: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		overflow: visible !important;
		z-index: 999950 !important;
		pointer-events: none !important;
	}

	#flowbie-chat-widget-root.flowbie-chat-widget.fai-sidebar-root--open .fai-sidebar-panel:not([hidden]) {
		display: flex !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: 999960 !important;
		width: 100% !important;
		max-width: 100vw !important;
		right: 0 !important;
		left: auto !important;
		transform: none !important;
	}

	#flowbie-chat-widget-root.flowbie-chat-widget.fai-sidebar-root--open .fai-sidebar-backdrop:not([hidden]) {
		pointer-events: auto !important;
		z-index: 999955 !important;
	}

	.fai-sidebar-panel[hidden],
	.fai-sidebar-backdrop[hidden] {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: none !important;
	}
}