/* G6M_CAPTCHA_BORDERS_V493
   Softer captcha shell + matching quick-connect borders (login + register).
   Lives in @layer g6m-captcha so it can override v406/v488 layered !important.
*/

@layer g6m-captcha {

/* —— Captcha shell: one clean frame, no harsh pink box-in-box —— */
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 .g6m-register-captcha .formRow > dd > div.g6m-captcha-shell,
html body .g6m-captcha-shell {
	--g6m-cap-radius: 12px;
	--g6m-cf-fill: #1a1822;
	min-height: 78px !important;
	padding: 7px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 50%),
		#12101a !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 8px 20px rgba(0, 0, 0, 0.22) !important;
	overflow: hidden !important;
}

html#XF .g6m-captcha-shell::before,
html#XF body .g6m-captcha-shell::before {
	left: 14% !important;
	right: 14% !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 47, 174, 0.45) 30%,
		rgba(0, 212, 255, 0.4) 70%,
		transparent 100%
	) !important;
	opacity: 0.85 !important;
}

html#XF .g6m-captcha-shell::after,
html#XF body .g6m-captcha-shell::after {
	box-shadow: inset 0 0 0 1px rgba(139, 61, 255, 0.08) !important;
}

html#XF .g6m-captcha-shell.is-verified,
html#XF body .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 {
	border-color: rgba(255, 47, 174, 0.28) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 0 0 1px rgba(255, 47, 174, 0.08),
		0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

/* Inner Turnstile: same radius + fill as shell so corners blend */
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="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 .formRow.g6m405-captcha .g6m-captcha-shell [data-xf-init="turnstile"] {
	--g6m-cf-fill: #1a1822;
	width: 100% !important;
	max-width: 100% !important;
	height: 65px !important;
	border-radius: 8px !important;
	border: 0 none transparent !important;
	outline: 0 none transparent !important;
	background: #1a1822 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

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 {
	border-radius: 8px !important;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35) !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 {
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 8px !important;
	background: #1a1822 !important;
	box-shadow: none !important;
}

} /* end @layer g6m-captcha */

/* —— Connexion rapide borders (login + register) —— */
html#XF[data-template="login"] .g6m397-quick .g6m-login-social__btn,
html#XF[data-template="login"] .g6m397-quick .button--provider,
html#XF[data-template="login"] .g6m397-quick .js-webAuthnStart,
html#XF[data-template="login"] .g6m397-quick .js-webauthnStart,
html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn,
html#XF[data-template="register_form"] .g6m397-quick a.button,
html#XF[data-template="register_form"] .g6m-register-social__btn {
	position: relative !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%),
		rgba(14, 12, 22, 0.92) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 8px 18px rgba(0, 0, 0, 0.22) !important;
	overflow: hidden !important;
}

html#XF[data-template="login"] .g6m397-quick .g6m-login-social__btn::before,
html#XF[data-template="login"] .g6m397-quick .button--provider::before,
html#XF[data-template="login"] .g6m397-quick .js-webauthnStart::before,
html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn::before,
html#XF[data-template="register_form"] .g6m-register-social__btn::before {
	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.12) !important;
	z-index: 1 !important;
}

html#XF[data-template="login"] .g6m397-quick .g6m-login-social__btn:hover,
html#XF[data-template="login"] .g6m397-quick .button--provider:hover,
html#XF[data-template="login"] .g6m397-quick .js-webauthnStart:hover,
html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn:hover,
html#XF[data-template="register_form"] .g6m-register-social__btn:hover {
	border-color: rgba(255, 47, 174, 0.4) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(255, 47, 174, 0.12),
		0 10px 22px rgba(255, 47, 174, 0.12) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

/* END G6M_CAPTCHA_BORDERS_V493 */