/*
 * Webdy AI Agent frontend overrides.
 * This file is enqueued with the highest WordPress priority and depends on known Flatsome handles when present.
 */

:root {
	--webdy-agent-accent: #1f6feb;
	--webdy-agent-ink: #172033;
	--webdy-agent-muted: #64748b;
	--webdy-agent-surface: #ffffff;
	--webdy-agent-border: rgba(15, 23, 42, 0.12);
	--webdy-agent-radius: 8px;
}

.webdy-ai-agent-ready .webdy-ai-agent-surface,
.webdy-ai-agent-flatsome .webdy-ai-agent-surface {
	background: var(--webdy-agent-surface) !important;
	border: 1px solid var(--webdy-agent-border) !important;
	border-radius: var(--webdy-agent-radius) !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
	color: var(--webdy-agent-ink) !important;
}

.webdy-ai-agent-ready .webdy-ai-agent-button,
.webdy-ai-agent-flatsome .webdy-ai-agent-button,
.webdy-ai-agent-flatsome button.webdy-ai-agent-button,
.webdy-ai-agent-flatsome a.webdy-ai-agent-button {
	align-items: center !important;
	background: var(--webdy-agent-accent) !important;
	border: 1px solid var(--webdy-agent-accent) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	display: inline-flex !important;
	font-weight: 700 !important;
	gap: 8px !important;
	justify-content: center !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	min-height: 42px !important;
	padding: 10px 16px !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.webdy-ai-agent-ready .webdy-ai-agent-button:hover,
.webdy-ai-agent-flatsome .webdy-ai-agent-button:hover {
	background: #1858c8 !important;
	border-color: #1858c8 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

.webdy-ai-agent-ready .webdy-ai-agent-field,
.webdy-ai-agent-flatsome .webdy-ai-agent-field,
.webdy-ai-agent-flatsome input.webdy-ai-agent-field,
.webdy-ai-agent-flatsome select.webdy-ai-agent-field,
.webdy-ai-agent-flatsome textarea.webdy-ai-agent-field {
	background: #ffffff !important;
	border: 1px solid var(--webdy-agent-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: var(--webdy-agent-ink) !important;
	font-size: 15px !important;
	min-height: 42px !important;
	padding: 9px 12px !important;
}

.webdy-ai-agent-ready .webdy-ai-agent-muted,
.webdy-ai-agent-flatsome .webdy-ai-agent-muted {
	color: var(--webdy-agent-muted) !important;
}