/* ---------------------------------------------------------------------------
 * Chatbot ball — position fixes for the QuantumCloud WP Chatbot plugin.
 *
 * The plugin's default CSS pins the ball bottom-right, but its inline
 * right/bottom live on #wp-chatbot-chat-container. These overrides:
 *   - pin the ball wrapper to the bottom-right corner (right/bottom offsets
 *     are configurable via --wc-ball-right / --wc-ball-bottom);
 *   - make the wrapper a stacking layer (fixed, z-index 100);
 *   - keep the ball itself low in the stack (z-index 10) so it does not
 *     overlap page controls;
 *   - padding-right pushes the visible ball 20px off the right edge without
 *     touching the plugin's layout/offsets.
 * ------------------------------------------------------------------------- */

div#wp-chatbot-ball-container {
	position: fixed;
	right: var(--wc-ball-right, 20px);
	bottom: var(--wc-ball-bottom, 20px);
	top: auto;
	left: auto;
	transform: none;
	z-index: 100;
}

#wp-chatbot-ball {
	z-index: 10;
	padding-right: 20px;
}

@media screen and (max-width: 480px) {
	div#wp-chatbot-ball {
		right: -8px !important;
		bottom: 74px;
		position: relative;
	}
}