/* Arcanes bare login page */

/* Base gray page */
html,
body,
body.mw-special-Userlogin,
body.page-Special_UserLogin {
	margin: 0 !important;
	padding: 0 !important;
	width: 100vw !important;
	min-height: 100vh !important;
	background: #777 !important;
	background-color: #777 !important;
	overflow: hidden !important;
}

/* Remove Vector's main white page container while preserving children */
body.mw-special-Userlogin .mw-page-container,
body.page-Special_UserLogin .mw-page-container,
body.mw-special-Userlogin .mw-page-container-inner,
body.page-Special_UserLogin .mw-page-container-inner {
	display: contents !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
}

/* Strip backgrounds and borders from remaining MediaWiki layout */
body.mw-special-Userlogin *,
body.page-Special_UserLogin * {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

/* Hide MediaWiki chrome */
body.mw-special-Userlogin header,
body.mw-special-Userlogin nav,
body.mw-special-Userlogin footer,
body.mw-special-Userlogin aside,
body.mw-special-Userlogin .vector-header-container,
body.mw-special-Userlogin .vector-header-start,
body.mw-special-Userlogin .vector-header-end,
body.mw-special-Userlogin .vector-page-toolbar,
body.mw-special-Userlogin .vector-page-toolbar-container,
body.mw-special-Userlogin .vector-column-start,
body.mw-special-Userlogin .vector-column-end,
body.mw-special-Userlogin .vector-sticky-header,
body.mw-special-Userlogin .vector-toc,
body.mw-special-Userlogin .mw-footer,
body.mw-special-Userlogin #footer,
body.mw-special-Userlogin #siteNotice,
body.mw-special-Userlogin #contentSub,
body.mw-special-Userlogin #contentSub2,
body.mw-special-Userlogin .mw-indicators,
body.mw-special-Userlogin .firstHeading,
body.mw-special-Userlogin .mw-page-title-main,
body.mw-special-Userlogin .catlinks,
body.mw-special-Userlogin .printfooter,
body.mw-special-Userlogin .vector-page-titlebar,
body.mw-special-Userlogin .vector-page-titlebar-toc,
body.mw-special-Userlogin .vector-main-menu-landmark,
body.mw-special-Userlogin .vector-user-links,
body.mw-special-Userlogin .vector-search-box,
body.mw-special-Userlogin .mw-body-header,
body.mw-special-Userlogin .mw-body-subheader,
body.mw-special-Userlogin .mw-body-footer,
body.mw-special-Userlogin #mw-page-base,
body.mw-special-Userlogin #mw-head-base,
body.mw-special-Userlogin .vector-body-before-content {
	display: none !important;
}

/* Make all remaining page wrappers harmless */
body.mw-special-Userlogin #content,
body.mw-special-Userlogin .mw-body,
body.mw-special-Userlogin .vector-body,
body.mw-special-Userlogin #bodyContent,
body.mw-special-Userlogin .mw-body-content,
body.mw-special-Userlogin .mw-parser-output,
body.mw-special-Userlogin #userloginForm,
body.mw-special-Userlogin form,
body.page-Special_UserLogin #content,
body.page-Special_UserLogin .mw-body,
body.page-Special_UserLogin .vector-body,
body.page-Special_UserLogin #bodyContent,
body.page-Special_UserLogin .mw-body-content,
body.page-Special_UserLogin .mw-parser-output,
body.page-Special_UserLogin #userloginForm,
body.page-Special_UserLogin form {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
}

/* Hide all visible wording and clutter */
body.mw-special-Userlogin label,
body.mw-special-Userlogin .mw-label,
body.mw-special-Userlogin .oo-ui-labelElement-label,
body.mw-special-Userlogin .oo-ui-fieldLayout-header,
body.mw-special-Userlogin .oo-ui-fieldLayout-help,
body.mw-special-Userlogin .mw-htmlform-ooui-field-description,
body.mw-special-Userlogin .cdx-label,
body.mw-special-Userlogin .cdx-field__label,
body.mw-special-Userlogin .cdx-field__description,
body.mw-special-Userlogin .mw-userlogin-rememberme,
body.mw-special-Userlogin .mw-userlogin-help,
body.mw-special-Userlogin .mw-userlogin-links,
body.mw-special-Userlogin .mw-createacct-benefits-container,
body.mw-special-Userlogin p,
body.mw-special-Userlogin ul,
body.mw-special-Userlogin li,
body.mw-special-Userlogin h1,
body.mw-special-Userlogin h2,
body.mw-special-Userlogin h3,
body.mw-special-Userlogin a,
body.mw-special-Userlogin .oo-ui-checkboxInputWidget,
body.mw-special-Userlogin input[type="checkbox"],
body.page-Special_UserLogin label,
body.page-Special_UserLogin .mw-label,
body.page-Special_UserLogin .oo-ui-labelElement-label,
body.page-Special_UserLogin .oo-ui-fieldLayout-header,
body.page-Special_UserLogin .oo-ui-fieldLayout-help,
body.page-Special_UserLogin .mw-htmlform-ooui-field-description,
body.page-Special_UserLogin .cdx-label,
body.page-Special_UserLogin .cdx-field__label,
body.page-Special_UserLogin .cdx-field__description,
body.page-Special_UserLogin .mw-userlogin-rememberme,
body.page-Special_UserLogin .mw-userlogin-help,
body.page-Special_UserLogin .mw-userlogin-links,
body.page-Special_UserLogin .mw-createacct-benefits-container,
body.page-Special_UserLogin p,
body.page-Special_UserLogin ul,
body.page-Special_UserLogin li,
body.page-Special_UserLogin h1,
body.page-Special_UserLogin h2,
body.page-Special_UserLogin h3,
body.page-Special_UserLogin a,
body.page-Special_UserLogin .oo-ui-checkboxInputWidget,
body.page-Special_UserLogin input[type="checkbox"] {
	display: none !important;
}

/* Remove form wrapper spacing */
body.mw-special-Userlogin .oo-ui-fieldLayout,
body.mw-special-Userlogin .oo-ui-fieldLayout-field,
body.mw-special-Userlogin .mw-htmlform-ooui-wrapper,
body.mw-special-Userlogin .mw-ui-vform-field,
body.mw-special-Userlogin .cdx-field,
body.mw-special-Userlogin .mw-input,
body.page-Special_UserLogin .oo-ui-fieldLayout,
body.page-Special_UserLogin .oo-ui-fieldLayout-field,
body.page-Special_UserLogin .mw-htmlform-ooui-wrapper,
body.page-Special_UserLogin .mw-ui-vform-field,
body.page-Special_UserLogin .cdx-field,
body.page-Special_UserLogin .mw-input {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* Symbol above the login fields */
body.mw-special-Userlogin::before,
body.page-Special_UserLogin::before {
	content: "" !important;
	display: block !important;
	position: fixed !important;
	left: 50% !important;
	top: calc(50vh - 190px) !important;
	transform: translateX(-50%) !important;
	width: 160px !important;
	height: 160px !important;
	background-image: url("/images/order-logo.png") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	z-index: 99998 !important;
	pointer-events: none !important;
}

/* Username field */
body.mw-special-Userlogin #wpName1,
body.mw-special-Userlogin input[name="wpName"],
body.page-Special_UserLogin #wpName1,
body.page-Special_UserLogin input[name="wpName"] {
	position: fixed !important;
	left: 50% !important;
	top: 52vh !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 320px !important;
	height: 44px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 14px !important;
	background: #d8d8d8 !important;
	background-color: #d8d8d8 !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 16px !important;
	outline: none !important;
	z-index: 99999 !important;
	-webkit-text-fill-color: #111 !important;
}

/* Password field */
body.mw-special-Userlogin #wpPassword1,
body.mw-special-Userlogin input[name="wpPassword"],
body.page-Special_UserLogin #wpPassword1,
body.page-Special_UserLogin input[name="wpPassword"] {
	position: fixed !important;
	left: 50% !important;
	top: calc(52vh + 56px) !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 320px !important;
	height: 44px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 14px !important;
	background: #d8d8d8 !important;
	background-color: #d8d8d8 !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 16px !important;
	outline: none !important;
	z-index: 99999 !important;
	-webkit-text-fill-color: #111 !important;
}

/* No placeholder text */
body.mw-special-Userlogin input::placeholder,
body.page-Special_UserLogin input::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}

/* Hide login button. Press Enter in the password field to submit. */
body.mw-special-Userlogin #wpLoginAttempt,
body.mw-special-Userlogin button[type="submit"],
body.mw-special-Userlogin input[type="submit"],
body.mw-special-Userlogin .oo-ui-buttonElement,
body.mw-special-Userlogin .oo-ui-buttonElement-button,
body.mw-special-Userlogin .cdx-button,
body.page-Special_UserLogin #wpLoginAttempt,
body.page-Special_UserLogin button[type="submit"],
body.page-Special_UserLogin input[type="submit"],
body.page-Special_UserLogin .oo-ui-buttonElement,
body.page-Special_UserLogin .oo-ui-buttonElement-button,
body.page-Special_UserLogin .cdx-button {
	position: fixed !important;
	left: -9999px !important;
	top: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	pointer-events: none !important;
}

/* Extra protection against Vector pseudo-blocks */
body.mw-special-Userlogin .mw-page-container::before,
body.mw-special-Userlogin .mw-page-container::after,
body.mw-special-Userlogin .mw-page-container-inner::before,
body.mw-special-Userlogin .mw-page-container-inner::after,
body.page-Special_UserLogin .mw-page-container::before,
body.page-Special_UserLogin .mw-page-container::after,
body.page-Special_UserLogin .mw-page-container-inner::before,
body.page-Special_UserLogin .mw-page-container-inner::after {
	display: none !important;
	content: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}