/* G6M_CAPTCHA_PREMIUM_V488
   Premium chrome around Cloudflare Turnstile — login, register, Connexion modal.
   Does NOT alter Turnstile logic / tokens / sitekey. Visual envelope only.
   Must live in @layer g6m-captcha: legacy v406 used !important inside that layer,
   and layered !important beats unlayered !important.
*/

@layer g6m-captcha {

html#XF[data-template="login"],
html#XF[data-template="register_form"],
html#XF body .menu.g6m-login-dropdown,
html body .menu.g6m-login-dropdown {
	--g6m-cap-bg: #12101a;
	--g6m-cap-fill: #1c1a26;
	--g6m-cap-line: rgba(255, 255, 255, 0.1);
	--g6m-cap-pink: #ff2fae;
	--g6m-cap-violet: #8b3dff;
	--g6m-cap-cyan: #00d4ff;
	--g6m-cap-radius: 12px;
	--g6m-cap-w: 300px;
}

/* —— Kill legacy v406 cyan frame on ANY dd>div (incl. our shell) —— */
html#XF body .formRow.g6m405-captcha > dd > div,
html#XF body .formRow.g6m406-captcha > dd > div,
html#XF body .g6m404-captcha .formRow > dd > div,
html#XF body .g6m-register-captcha .formRow > dd > div,
html body .formRow.g6m405-captcha > dd > div,
html body .formRow.g6m406-captcha > dd > div,
html body .g6m404-captcha .formRow > dd > div,
html body .g6m-register-captcha .formRow > dd > div {
	box-shadow: none !important;
	border: 0 none transparent !important;
	outline: 0 none transparent !important;
	filter: none !important;
	transform: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	overflow: visible !important;
}

/* —— Row / label —— */
html#XF[data-template="login"] form.block .formRow:has(.cf-turnstile),
html#XF[data-template="login"] form.block .formRow:has([data-xf-init="turnstile"]),
html#XF[data-template="login"] form.block .formRow[context="xf_login"],
html#XF[data-template="login"] form.block .formRow.g6m405-captcha,
html#XF[data-template="login"] form.block .formRow.g6m406-captcha,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow,
html#XF[data-template="register_form"] form.block .formRow:has(.cf-turnstile),
html#XF[data-template="register_form"] form.block .formRow:has([data-xf-init="turnstile"]),
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile),
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]),
html body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0.5rem !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 none transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: visible !important;
	line-height: 1.35 !important;
	text-align: left !important;
}

html#XF[data-template="login"] form.block .formRow:has(.cf-turnstile) > dt,
html#XF[data-template="login"] form.block .formRow:has([data-xf-init="turnstile"]) > dt,
html#XF[data-template="login"] form.block .formRow[context="xf_login"] > dt,
html#XF[data-template="login"] form.block .formRow.g6m405-captcha > dt,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow > dt,
html#XF[data-template="register_form"] form.block .formRow:has(.cf-turnstile) > dt,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dt,
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]) > dt {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	float: none !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF[data-template="login"] form.block .formRow:has(.cf-turnstile) .formRow-label,
html#XF[data-template="login"] form.block .formRow:has([data-xf-init="turnstile"]) .formRow-label,
html#XF[data-template="login"] form.block .formRow.g6m405-captcha .formRow-label,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow-label,
html#XF[data-template="register_form"] form.block .formRow:has(.cf-turnstile) .formRow-label,
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha-label,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) .formRow-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.4rem !important;
	color: rgba(244, 242, 248, 0.72) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow-label {
	color: rgba(255, 107, 197, 0.92) !important;
}

html#XF[data-template="login"] form.block .formRow:has(.cf-turnstile) > dd,
html#XF[data-template="login"] form.block .formRow:has([data-xf-init="turnstile"]) > dd,
html#XF[data-template="login"] form.block .formRow[context="xf_login"] > dd,
html#XF[data-template="login"] form.block .formRow.g6m405-captcha > dd,
html#XF[data-template="login"] form.block .formRow.g6m406-captcha > dd,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha dd,
html#XF[data-template="register_form"] form.block .formRow:has(.cf-turnstile) > dd,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dd,
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]) > dd,
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	background: transparent !important;
	border: 0 none transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 0 !important;
}

/* —— Premium shell (beats legacy dd>div cyan frame) —— */
html#XF .g6m-captcha-shell,
html#XF body .g6m-captcha-shell,
html#XF body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell,
html#XF body .formRow.g6m406-captcha > dd > div.g6m-captcha-shell,
html#XF body .g6m404-captcha .formRow > dd > div.g6m-captcha-shell,
html#XF body .g6m-register-captcha .formRow > dd > div.g6m-captcha-shell,
html body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell,
html body .g6m-register-captcha .formRow > dd > div.g6m-captcha-shell,
html body .g6m-captcha-shell {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 84px !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	border-radius: var(--g6m-cap-radius) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background:
		radial-gradient(120% 90% at 6% 0%, rgba(255, 47, 174, 0.12) 0%, transparent 46%),
		radial-gradient(110% 85% at 100% 18%, rgba(139, 61, 255, 0.12) 0%, transparent 50%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%),
		var(--g6m-cap-bg) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 12px 28px rgba(0, 0, 0, 0.28) !important;
	overflow: hidden !important;
	isolation: isolate !important;
	filter: none !important;
	transform: none !important;
	outline: 0 none transparent !important;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		background 180ms ease !important;
}

html#XF .g6m-captcha-shell::before,
html#XF body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell::before,
html body .g6m-captcha-shell::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 8% !important;
	right: 8% !important;
	height: 1px !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 47, 174, 0.65) 28%,
		rgba(139, 61, 255, 0.5) 55%,
		rgba(0, 212, 255, 0.45) 78%,
		transparent 100%
	) !important;
	pointer-events: none !important;
	z-index: 3 !important;
	box-shadow: none !important;
}

html#XF .g6m-captcha-shell::after,
html#XF body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell::after,
html body .g6m-captcha-shell::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	pointer-events: none !important;
	box-shadow: inset 0 0 0 1px rgba(139, 61, 255, 0.1) !important;
	z-index: 1 !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF .g6m-captcha-shell.is-verified,
html#XF body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell.is-verified,
html#XF body .g6m-register-captcha .formRow > dd > div.g6m-captcha-shell.is-verified,
html body .g6m-captcha-shell.is-verified {
	border-color: rgba(255, 47, 174, 0.42) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 0 0 1px rgba(255, 47, 174, 0.16),
		0 14px 32px rgba(255, 47, 174, 0.12) !important;
}

html#XF .g6m-captcha-shell.is-verified::before,
html body .g6m-captcha-shell.is-verified::before {
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 47, 174, 0.8) 32%,
		rgba(0, 212, 255, 0.5) 68%,
		transparent 100%
	) !important;
}

/* Kill old nested boxed wrappers that fight the shell */
html#XF[data-template="login"] .g6m404-captcha,
html#XF[data-template="login"] .g6m405-captcha,
html#XF[data-template="login"] .g6m406-captcha,
html#XF[data-template="register_form"] .g6m-register-captcha,
html#XF[data-template="register_form"] .g6m404-captcha,
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	min-height: 0 !important;
}

/* —— Turnstile host —— */
html#XF .g6m-captcha-shell .cf-turnstile,
html#XF .g6m-captcha-shell [data-xf-init="turnstile"],
html#XF body .formRow.g6m405-captcha .g6m-captcha-shell .cf-turnstile,
html#XF body .formRow.g6m405-captcha .g6m-captcha-shell [data-xf-init="turnstile"],
html#XF[data-template="login"] form.block .g6m-captcha-shell .cf-turnstile,
html#XF[data-template="login"] form.block .g6m-captcha-shell [data-xf-init="turnstile"],
html#XF[data-template="register_form"] form.block .g6m-captcha-shell .cf-turnstile,
html#XF[data-template="register_form"] .g6m-register-captcha .g6m-captcha-shell .cf-turnstile,
html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell .cf-turnstile,
html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell [data-xf-init="turnstile"] {
	--g6m-cf-fill: #232323;
	position: relative !important;
	display: block !important;
	width: var(--g6m-cap-w) !important;
	max-width: 100% !important;
	height: 65px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 none transparent !important;
	border-radius: 8px !important;
	outline: 0 none transparent !important;
	background: var(--g6m-cf-fill) !important;
	box-shadow:
		inset 0 0 0 2px var(--g6m-cf-fill),
		0 0 0 1px rgba(0, 0, 0, 0.45) !important;
	overflow: hidden !important;
	isolation: isolate !important;
	line-height: 0 !important;
	font-size: 0 !important;
	color-scheme: dark !important;
	z-index: 2 !important;
	filter: none !important;
	transform: translateZ(0) !important;
}

/* Cover CF white hairline without blocking clicks */
html#XF .g6m-captcha-shell .cf-turnstile::after,
html#XF .g6m-captcha-shell [data-xf-init="turnstile"]::after,
html#XF[data-template="login"] form.block .g6m-captcha-shell [data-xf-init="turnstile"]::after,
html#XF[data-template="register_form"] .g6m-captcha-shell [data-xf-init="turnstile"]::after,
html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell [data-xf-init="turnstile"]::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: 8px !important;
	box-shadow: inset 0 0 0 2px #232323 !important;
	pointer-events: none !important;
	z-index: 2 !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF .g6m-captcha-shell .cf-turnstile > div,
html#XF .g6m-captcha-shell [data-xf-init="turnstile"] > div,
html#XF[data-template="login"] form.block .g6m-captcha-shell [data-xf-init="turnstile"] > div,
html#XF[data-template="register_form"] form.block .g6m-captcha-shell [data-xf-init="turnstile"] > div,
html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell [data-xf-init="turnstile"] > div {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	overflow: visible !important;
}

html#XF .g6m-captcha-shell iframe,
html#XF[data-template="login"] form.block .g6m-captcha-shell iframe,
html#XF[data-template="register_form"] form.block .g6m-captcha-shell iframe,
html#XF[data-template="register_form"] .g6m-register-captcha .g6m-captcha-shell iframe,
html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell iframe {
	display: block !important;
	width: 300px !important;
	max-width: 100% !important;
	height: 65px !important;
	min-height: 65px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none transparent !important;
	outline: 0 none transparent !important;
	border-radius: 0 !important;
	background: #232323 !important;
	box-shadow: none !important;
	filter: none !important;
	vertical-align: top !important;
	color-scheme: dark !important;
}

/* Modal: undo previous flatten so shell can shine */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dd {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: block !important;
	width: 100% !important;
}

@media (max-width: 420px) {
	html#XF .g6m-captcha-shell,
	html#XF body .formRow.g6m405-captcha > dd > div.g6m-captcha-shell {
		padding: 12px 10px !important;
		min-height: 84px !important;
	}
	html#XF .g6m-captcha-shell .cf-turnstile,
	html#XF .g6m-captcha-shell [data-xf-init="turnstile"],
	html#XF[data-template="login"] form.block .g6m-captcha-shell .cf-turnstile,
	html#XF[data-template="register_form"] form.block .g6m-captcha-shell .cf-turnstile,
	html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell .cf-turnstile {
		width: min(300px, 100%) !important;
	}
	html#XF .g6m-captcha-shell iframe,
	html#XF[data-template="login"] form.block .g6m-captcha-shell iframe,
	html#XF[data-template="register_form"] form.block .g6m-captcha-shell iframe,
	html#XF body .menu.g6m-login-dropdown .g6m-captcha-shell iframe {
		width: 100% !important;
	}
}

} /* end @layer g6m-captcha */

/* END G6M_CAPTCHA_PREMIUM_V488 */