/*
 * HSD Chatbot Bubble Styles
 *
 * Tiny stylesheet loaded immediately for the floating chat bubble.
 *
 * @package DeskPress
 * @since   6.7.0
 */

.hsd-chatbot-bubble {
	position: fixed;
	z-index: 999998;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--hsd-primary, #6366f1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: none;
	outline: none;
}

.hsd-chatbot-bubble:hover {
	transform: scale(1.08);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.hsd-chatbot-bubble:focus {
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hsd-chatbot-bubble:focus:not(:focus-visible) {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hsd-chatbot-bubble:focus-visible {
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hsd-chatbot-bubble svg {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

/* Position variants */
.hsd-chatbot-bubble--bottom-right {
	bottom: 24px;
	right: 24px;
}

.hsd-chatbot-bubble--bottom-left {
	bottom: 24px;
	left: 24px;
}

/* Hide bubble when chat panel is open */
.hsd-chatbot-bubble.hsd-chatbot-bubble--hidden {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.hsd-chatbot-bubble {
		transition: none;
	}
	.hsd-chatbot-bubble:hover {
		transform: none;
	}
}