/* Externalise (passe 2) — bloc inline #36 — position inchangee */

/* G6M_CHAT_EDITOR_TEXT_SEND_V401
   Root causes (verified live):
   1) siropuChatEditorSubmitButton option was false → no submit in DOM
   2) Compact 48px field + default <p> margins + tight padding → caret/text crush / ghost
   Scope: ONLY #siropuChat / #siropuChatEditor. No theme/color/gradient changes. */

html body #siropuChat,
html body .siropuChatAboveForumList {
	--g6m401: V401;
	--g6m388-input-h: 52px;
}

/* —— Text surface: block layout, room for line-height + padding —— */
html body #siropuChat #siropuChatEditor .fr-wrapper,
html body #siropuChat #siropuChatEditor .fr-box.fr-basic.fr-top .fr-wrapper {
	display: block !important;
	align-items: normal !important;
	justify-content: normal !important;
	min-height: var(--g6m388-input-h, 52px) !important;
	height: auto !important;
	max-height: 7.5rem !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

html body #siropuChat #siropuChatEditor .fr-element,
html body #siropuChat #siropuChatEditor .fr-element.fr-view,
html body #siropuChat #siropuChatEditor .fr-view,
html body #siropuChat #siropuChatEditor .fr-box .fr-element.fr-view {
	display: block !important;
	align-items: normal !important;
	justify-content: normal !important;
	min-height: var(--g6m388-input-h, 52px) !important;
	height: auto !important;
	max-height: 7.5rem !important;
	margin: 0 !important;
	padding-top: 0.7rem !important;
	padding-bottom: 0.7rem !important;
	padding-left: 0.9rem !important;
	padding-right: 3.25rem !important;
	line-height: 1.4 !important;
	font-size: 0.95rem !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	box-sizing: border-box !important;
	color: rgba(244, 241, 251, 0.96) !important;
}

/* Kill default Froala <p> margins that push text / create ghost overlap */
html body #siropuChat #siropuChatEditor .fr-element p,
html body #siropuChat #siropuChatEditor .fr-element > p,
html body #siropuChat #siropuChatEditor .fr-element.fr-view p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit !important;
	min-height: 0 !important;
}

/* Placeholder only while empty */
html body #siropuChat #siropuChatEditor .fr-wrapper:not(.show-placeholder) > .fr-placeholder,
html body #siropuChat #siropuChatEditor .fr-wrapper.fr-disabled .fr-placeholder {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

html body #siropuChat #siropuChatEditor .fr-wrapper.show-placeholder > .fr-placeholder {
	display: flex !important;
	align-items: center !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

/* —— Form row: editor + XF submit side-by-side (no wrap clip) —— */
html body #siropuChat #siropuChatEditor form,
html body #siropuChat #siropuChatEditor .siropuChatForm {
	position: relative !important;
	display: block !important;
	overflow: visible !important;
}

html body #siropuChat #siropuChatEditor form > .formRow,
html body #siropuChat #siropuChatEditor form > dl.formRow {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* XF-generated paper-plane (siropuChatEditorSubmitButton) — icon chip on input right */
html body #siropuChat #siropuChatEditor form > button[type="submit"],
html body #siropuChat #siropuChatEditor form > button[type="submit"].button,
html body #siropuChat #siropuChatEditor form > button[type="submit"].button--link,
html body #siropuChat #siropuChatEditor form > button[type="submit"].button--icon,
html body #siropuChat #siropuChatEditor form > .button.button--link,
html body #siropuChat #siropuChatEditor form > .button--primary,
html body #siropuChat #siropuChatEditor button.g6m-chat-send,
html body #siropuChat #siropuChatEditor .g6m-chat-send {
	position: absolute !important;
	right: 0.55rem !important;
	bottom: 0.45rem !important;
	z-index: 6 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	flex: 0 0 auto !important;
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	margin: 0 !important;
	margin-top: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #ff0b8b, #8d38ff) !important;
	box-shadow: 0 8px 18px rgba(255, 11, 139, 0.28) !important;
	color: #fff !important;
	overflow: hidden !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	font-size: 0 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	gap: 0 !important;
}

html body #siropuChat #siropuChatEditor form > button[type="submit"] .fa--xf,
html body #siropuChat #siropuChatEditor form > button[type="submit"] .fa,
html body #siropuChat #siropuChatEditor form > button[type="submit"] i,
html body #siropuChat #siropuChatEditor form > button[type="submit"] svg,
html body #siropuChat #siropuChatEditor form > .button.button--link .fa--xf,
html body #siropuChat #siropuChatEditor form > .button.button--link i,
html body #siropuChat #siropuChatEditor form > .button.button--link svg,
html body #siropuChat #siropuChatEditor .g6m-chat-send .fa--xf,
html body #siropuChat #siropuChatEditor .g6m-chat-send i,
html body #siropuChat #siropuChatEditor .g6m-chat-send svg {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	font-size: 16px !important;
	line-height: 1 !important;
	color: #fff !important;
	fill: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body #siropuChat #siropuChatEditor form > button[type="submit"] .button-text,
html body #siropuChat #siropuChatEditor form > .button.button--link .button-text,
html body #siropuChat #siropuChatEditor .g6m-chat-send .g6m-chat-send-label,
html body #siropuChat #siropuChatEditor form > button[type="submit"] .button-text--hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

html body #siropuChat #siropuChatEditor form > button[type="submit"]:hover,
html body #siropuChat #siropuChatEditor form > .button.button--link:hover,
html body #siropuChat #siropuChatEditor .g6m-chat-send:hover {
	filter: brightness(1.06) !important;
	transform: translateY(-1px) !important;
}

/* Editor shell must not clip the absolute send chip */
html body #siropuChat #siropuChatEditor,
html body #siropuChat .siropuChatEditor {
	overflow: visible !important;
}

@media (max-width: 480px) {
	html body #siropuChat {
		--g6m388-input-h: 48px;
	}
	html body #siropuChat #siropuChatEditor form > button[type="submit"],
	html body #siropuChat #siropuChatEditor form > .button.button--link {
		width: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		right: 0.4rem !important;
		bottom: 0.35rem !important;
	}
	html body #siropuChat #siropuChatEditor .fr-element,
	html body #siropuChat #siropuChatEditor .fr-element.fr-view {
		padding-right: 2.85rem !important;
	}
}

/* END G6M_CHAT_EDITOR_TEXT_SEND_V401 */