/* G6M_LOGIN_ERROR_PLACE_V494
   Fix orphaned CAPTCHA/login error under Connexion rapide.
   Place it in the form column and style as a clear alert.
*/

html#XF[data-template="login"] .g6m397-col--form > .blockMessage,
html#XF[data-template="login"] .g6m397-col--form .blockMessage--error,
html#XF[data-template="login"] .g6m397-col--form .blockMessage--iconic {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 14px !important;
	padding: 12px 14px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 90, 120, 0.42) !important;
	background:
		linear-gradient(180deg, rgba(255, 70, 110, 0.14), rgba(255, 70, 110, 0.06)),
		rgba(28, 12, 20, 0.92) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 10px 22px rgba(0, 0, 0, 0.28) !important;
	color: #ffd5de !important;
	font-size: 0.86rem !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
}

html#XF[data-template="login"] .g6m397-col--form > .blockMessage--error::before,
html#XF[data-template="login"] .g6m397-col--form .blockMessage--error.blockMessage--iconic::before {
	flex: 0 0 auto !important;
	margin-top: 1px !important;
	filter: drop-shadow(0 0 6px rgba(255, 80, 110, 0.35)) !important;
}

/* Never leave error banners stretched under the full page / quick row */
html#XF[data-template="login"] .p-body-pageContent > .blockMessage,
html#XF[data-template="login"] .g6m397-grid ~ .blockMessage,
html#XF[data-template="login"] .p-body-inner > .blockMessage {
	max-width: min(420px, 100%) !important;
}

/* END G6M_LOGIN_ERROR_PLACE_V494 */

/* G6M_LOGIN_ERROR_ICONE_V607 (17/08/2026)
   L'icone d'erreur de XenForo est en position:absolute (left:10px, ~49px de
   large) : elle sort du flux, donc le display:flex et le gap:10px declares plus
   haut n'ont aucune prise sur elle. Comme ce meme fichier ramene le remplissage
   a 12px 14px, l'icone se posait SUR le texte (mesure : texte a 15px, icone de
   10 a 59px). On la remet simplement dans le flux — la mise en page flex prevue
   plus haut fait alors le placement toute seule. */
html#XF[data-template="login"] .g6m397-col--form > .blockMessage--error::before,
html#XF[data-template="login"] .g6m397-col--form .blockMessage--error.blockMessage--iconic::before,
html#XF[data-template="login"] .g6m397-col--form .blockMessage--iconic::before {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	flex: 0 0 auto !important;
	align-self: flex-start !important;
}

/* END G6M_LOGIN_ERROR_ICONE_V607 */