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

/* G6M_LOGIN_WINDOW_PP_V447
   Pixel-perfect lock for guest Connexion DROPDOWN window.
   Reference: user screenshots (BON RETOUR / SE CONNECTER / CRÉER UN COMPTE).
   Scope: .menu.g6m-login-dropdown / .menu--medium:has(.g6m-login-hero) ONLY.
   Does NOT restyle full /forum/login/ page (data-template=login dual grid).
*/

html#XF body .menu.menu--medium:has(.g6m-login-hero),
html#XF body .menu.g6m-login-dropdown,
html body .menu.menu--medium:has(.g6m-login-hero),
html body .menu.g6m-login-dropdown {
	--g6m447: V447;
}

/* Hero row: eyebrow + close */
html#XF body .menu.g6m-login-dropdown .g6m-login-hero,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero,
html body .menu.g6m-login-dropdown .g6m-login-hero {
	position: relative !important;
	padding-right: 3rem !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero__eyebrow,
html body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow {
	text-transform: uppercase !important;
	letter-spacing: 0.28em !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow::before,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero__eyebrow::before,
html body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow::before {
	content: "< " !important;
	letter-spacing: 0.08em !important;
}

/* Close X — matches reference top-right control */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-dd__close,
html body .menu.g6m-login-dropdown .g6m-login-dd__close {
	position: absolute !important;
	top: 1.1rem !important;
	right: 1.1rem !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: #f2f2fa !important;
	font-size: 1.35rem !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close:hover,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-dd__close:hover,
html body .menu.g6m-login-dropdown .g6m-login-dd__close:hover {
	border-color: rgba(255, 47, 174, 0.55) !important;
	background: rgba(255, 47, 174, 0.1) !important;
	color: #fff !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close:focus-visible,
html body .menu.g6m-login-dropdown .g6m-login-dd__close:focus-visible {
	outline: 2px solid rgba(180, 122, 255, 0.85) !important;
	outline-offset: 2px !important;
}

/* Remember checkbox — solid pink fill + white CSS tick (ref screenshot) */
html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i,
html#XF body .menu.menu--medium:has(.g6m-login-hero) form.block label.iconic:not(.iconic--hideShow) > input + i,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	border-radius: 5px !important;
	border: 1.5px solid rgba(255, 47, 174, 0.75) !important;
	background-color: rgba(8, 6, 14, 0.92) !important;
	background-image: none !important;
	position: relative !important;
	overflow: visible !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i::before,
html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i::after,
html#XF body .menu.menu--medium:has(.g6m-login-hero) form.block label.iconic:not(.iconic--hideShow) > input + i::before,
html#XF body .menu.menu--medium:has(.g6m-login-hero) form.block label.iconic:not(.iconic--hideShow) > input + i::after,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i::before,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i::after {
	content: none !important;
	display: none !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i,
html#XF body .menu.menu--medium:has(.g6m-login-hero) form.block label.iconic:not(.iconic--hideShow) > input:checked + i,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i {
	border-color: transparent !important;
	background-color: #ff2fae !important;
	background-image: linear-gradient(135deg, #ff2fae, #7a3cff) !important;
	box-shadow: 0 0 0 2px rgba(255, 47, 174, 0.18) !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i::after,
html#XF body .menu.menu--medium:has(.g6m-login-hero) form.block label.iconic:not(.iconic--hideShow) > input:checked + i::after,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 6px !important;
	top: 2px !important;
	width: 5px !important;
	height: 9px !important;
	border-style: solid !important;
	border-color: #ffffff !important;
	border-width: 0 2.2px 2.2px 0 !important;
	background: transparent !important;
	background-image: none !important;
	transform: rotate(45deg) !important;
	box-sizing: border-box !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

/* Hide remember sub-line in dropdown (ref shows label only) */
html#XF body .menu.g6m-login-dropdown .g6m-login-remember-sub,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-remember-sub,
html body .menu.g6m-login-dropdown .g6m-login-remember-sub {
	display: none !important;
}

/* END G6M_LOGIN_WINDOW_PP_V447 */