/**
 * Livechat + Flatsome: #livechat_app — ghi đè button/input mặc định theme.
 * Trang stream: theme bổ sung livechat-mount-overrides (đặc hiệu cao hơn).
 */

#livechat_app {
	overflow-x: visible !important;
}

#livechat_app button:not(.button) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	line-height: 1.35 !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-rendering: auto !important;
	text-shadow: none !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	min-height: 0 !important;
}

#livechat_app button:not(.button):not(.tw-bg-chat-primary) {
	min-width: 0 !important;
}

#livechat_app input[type="text"] {
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.25rem !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	background-color: rgb(45, 45, 45) !important;
	background-image: none !important;
	border: 1px solid rgb(63, 63, 70) !important;
	border-radius: 0.25rem !important;
	color: rgb(250, 250, 250) !important;
	box-shadow: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 0.5rem 0.75rem !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#livechat_app input[type="text"].tw-pl-8 {
	padding-left: 2rem !important;
}

#livechat_app input[type="text"]:focus {
	background-color: rgb(45, 45, 45) !important;
	color: rgb(250, 250, 250) !important;
	border-color: #f97316 !important;
	box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.45) !important;
	outline: none !important;
	opacity: 1 !important;
}

#livechat_app .tw-flex {
	display: flex !important;
}

#livechat_app .tw-inline-flex {
	display: inline-flex !important;
}

#livechat_app .tw-flex-col {
	flex-direction: column !important;
}

#livechat_app .tw-flex-1 {
	flex: 1 1 0% !important;
	min-width: 0 !important;
}

#livechat_app form.tw-flex.tw-flex-col {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow-x: visible !important;
}

#livechat_app form.tw-flex.tw-flex-col > .tw-flex.tw-gap-2 {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 0.5rem !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

#livechat_app .tw-relative.tw-flex-1 {
	position: relative !important;
}

#livechat_app form .tw-flex.tw-gap-2 > .tw-relative.tw-flex-1 {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	max-width: none !important;
	width: auto !important;
	overflow: visible !important;
}

#livechat_app form .tw-flex.tw-gap-2 > button[type="submit"]:not(.button),
#livechat_app form .tw-flex.tw-gap-2 > button.tw-bg-chat-primary:not(.button) {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	align-self: center !important;
	min-width: 5.5rem !important;
	width: auto !important;
	max-width: none !important;
}

#livechat_app input[type="text"].tw-w-full,
#livechat_app input.tw-w-full {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#livechat_app form.tw-flex.tw-flex-col > p.tw-text-center {
	background: transparent !important;
	box-shadow: none !important;
}

/* Header cam: Tắt chat — ghost trắng */
#livechat_app .tw-h-10.tw-bg-chat-primary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.35rem !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	color: #fff !important;
	color-scheme: dark;
}

#livechat_app .tw-h-10.tw-bg-chat-primary button:not(.button),
#livechat_app .tw-h-10.tw-bg-chat-primary [type="button"]:not(.button) {
	gap: 0.5rem !important;
	padding: 0.25rem 0.5rem !important;
	height: auto !important;
	min-height: 0 !important;
	min-width: 0 !important;
	font-weight: 500 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0.25rem !important;
	box-shadow: none !important;
	outline: none !important;
	opacity: 1 !important;
	filter: none !important;
}

#livechat_app .tw-h-10.tw-bg-chat-primary button:not(.button)::before,
#livechat_app .tw-h-10.tw-bg-chat-primary button:not(.button)::after,
#livechat_app .tw-h-10.tw-bg-chat-primary [type="button"]:not(.button)::before,
#livechat_app .tw-h-10.tw-bg-chat-primary [type="button"]:not(.button)::after {
	content: none !important;
	display: none !important;
}

#livechat_app .tw-h-10.tw-bg-chat-primary button:not(.button) *,
#livechat_app .tw-h-10.tw-bg-chat-primary [type="button"]:not(.button) * {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

#livechat_app .tw-h-10.tw-bg-chat-primary button:not(.button):hover,
#livechat_app .tw-h-10.tw-bg-chat-primary [type="button"]:not(.button):hover {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 0.9 !important;
	background-color: transparent !important;
}

#livechat_app button[type="submit"]:not(.button).tw-bg-chat-primary {
	background-color: #f97316 !important;
	background-image: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	padding: 0.5rem 0.85rem !important;
	border-radius: 0.375rem !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	white-space: nowrap !important;
	margin: 0 !important;
	opacity: 1 !important;
}

#livechat_app button.tw-flex.tw-items-center svg,
#livechat_app button.tw-text-white svg {
	color: #fff !important;
	fill: currentColor;
	stroke: currentColor;
}

#livechat_app svg {
	display: inline-block !important;
	vertical-align: middle !important;
	flex-shrink: 0;
	overflow: visible !important;
	max-height: 1.5em;
}

#livechat_app form .tw-mt-2.tw-flex.tw-justify-between > button:not(.button) {
	display: inline !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #f97316 !important;
	-webkit-text-fill-color: #f97316 !important;
	padding: 0 !important;
	min-height: 0 !important;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
}

#livechat_app a.tw-text-chat-primary {
	color: #f97316 !important;
}