/**
 * Joinchat Trigger Styles
 * Makes elements with class 'tmsystem-joinchat' appear clickable
 * Hides the default joinchat floating button
 *
 * @package WordPress
 * @author Closemarketing
 */

/* Hide only the joinchat floating button on mobile devices, NOT the chat box/popup */
@media (max-width: 768px) {
	.joinchat__button {
		position: fixed !important;
		bottom: -9999px !important;
		right: -9999px !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
	}
}

/* Make custom triggers clickable */
.tmsystem-joinchat {
	cursor: pointer !important;
	transition: opacity 0.3s ease, transform 0.2s ease;
}

.tmsystem-joinchat:hover {
	opacity: 0.85;
	transform: scale(1.02);
}

.tmsystem-joinchat:active {
	transform: scale(0.98);
}