/* =========================================================
   DARK MODE — AUTHENTICATION PAGES
   Login, registration and forgotten-password pages

   Login:             page ID 859
   Registration:      page ID 891
   Forgotten password: page ID 893
   ========================================================= */


/* ---------------------------------------------------------
   Shared authentication-page selector
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) {
	background: #001313 !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Main Elementor page and outer containers
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) > .elementor,

html.oneauto-dark body.page-id-859 .elementor-element-90da090,
html.oneauto-dark body.page-id-891 .elementor-element-eb9319a,
html.oneauto-dark body.page-id-893 .elementor-element-d7c226b {
	background: #001313 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Right-side authentication areas
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-859 .elementor-element-fa0c8fd,
html.oneauto-dark body.page-id-891 .elementor-element-2f42f5b,
html.oneauto-dark body.page-id-893 .elementor-element-e24b1c1 {
	background: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Keep the left-side photographs unchanged
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-859 .elementor-element-869e725,
html.oneauto-dark body.page-id-891 .elementor-element-41e4bff,
html.oneauto-dark body.page-id-893 .elementor-element-6b445a8 {
	background-color: transparent !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-widget-image img {
	filter: none !important;
	opacity: 1 !important;
}


/* ---------------------------------------------------------
   Inner widget and spacer backgrounds
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) :is(
	.elementor-widget-container,
	.elementor-shortcode,
	.elementor-spacer,
	.elementor-spacer-inner
) {
	background-color: transparent !important;
}


/* ---------------------------------------------------------
   Main logo
   Preserve its original appearance
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-859 .elementor-element-65c7f93 img,
html.oneauto-dark body.page-id-891 .elementor-element-25e0859 img,
html.oneauto-dark body.page-id-893 .elementor-element-c819c43 img {
	filter: none !important;
	opacity: 1 !important;
}


/* ---------------------------------------------------------
   Form wrappers
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) :is(
	.elementor-widget-form,
	.elementor-form,
	.elementor-form-fields-wrapper,
	.elementor-field-group
) {
	background: transparent !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Form fields
   Username, email and password inputs
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form :is(
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	textarea,
	select
) {
	background: #111516 !important;
	background-image: none !important;

	color: #f3f5f6 !important;
	-webkit-text-fill-color: #f3f5f6 !important;

	border: 1px solid #3a4346 !important;
	box-shadow: none !important;
	outline: none !important;
}


/* Field hover */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form :is(
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea,
	select
):hover {
	border-color: #566166 !important;
}


/* Field focus */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form :is(
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea,
	select
):focus {
	background: #151a1b !important;

	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;

	border-color: #397fe3 !important;
	box-shadow: 0 0 0 2px rgba(57, 127, 227, .18) !important;
}


/* Placeholder text */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form :is(input, textarea)::placeholder {
	color: #778186 !important;
	-webkit-text-fill-color: #778186 !important;
	opacity: 1 !important;
}


/* ---------------------------------------------------------
   Chrome autofill
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form input:-webkit-autofill,

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form input:-webkit-autofill:hover,

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form input:-webkit-autofill:focus {
	-webkit-text-fill-color: #f3f5f6 !important;
	-webkit-box-shadow: 0 0 0 1000px #111516 inset !important;
	border-color: #3a4346 !important;
}


/* ---------------------------------------------------------
   Password visibility eye
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form .ap-icon {
	color: #9ba4a9 !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form .ap-icon:hover {
	color: #ffffff !important;
}


/* ---------------------------------------------------------
   Form labels
   Mostly screen-reader labels, but covers visible states too
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form .elementor-field-label {
	color: #cbd1d5 !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form .elementor-mark-required .elementor-field-label::after {
	color: #ff737c !important;
}


/* ---------------------------------------------------------
   Main submit buttons
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form button[type="submit"] {
	background: #0d53c5 !important;
	background-image: none !important;

	color: #ffffff !important;
	border: 1px solid #0d53c5 !important;

	box-shadow: none !important;
}


/* Submit hover and focus */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form button[type="submit"]:is(:hover, :focus) {
	background: #164fb0 !important;
	color: #ffffff !important;
	border-color: #164fb0 !important;

	box-shadow: 0 7px 18px rgba(13, 83, 197, .24) !important;
}


/* Disabled and loading submit button */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form button[type="submit"]:disabled {
	background: #303638 !important;
	color: #899297 !important;
	border-color: #414a4e !important;

	box-shadow: none !important;
	cursor: not-allowed !important;
}


/* Elementor loading spinner */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-button .elementor-button-icon {
	color: inherit !important;
}


/* ---------------------------------------------------------
   Registration and forgotten-password links
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-widget-icon-list {
	background: transparent !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-widget-icon-list a {
	color: #aeb6bd !important;
	text-decoration: none !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-widget-icon-list :is(
	.elementor-icon-list-text,
	.elementor-icon-list-icon,
	svg
) {
	color: inherit !important;
	fill: currentColor !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-widget-icon-list a:hover {
	color: #4ea3ff !important;
}


/* ---------------------------------------------------------
   Google login button
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .oneauto-social-login {
	background: transparent !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .oneauto-google-btn {
	background: #f3f5f6 !important;
	color: #202124 !important;

	border: 1px solid #c6c9cc !important;
	box-shadow: none !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .oneauto-google-btn:hover {
	background: #ffffff !important;
	border-color: #ffffff !important;

	box-shadow: 0 6px 16px rgba(0, 0, 0, .25) !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .oneauto-google-icon {
	background: transparent !important;
	color: inherit !important;
}


/* ---------------------------------------------------------
   Elementor validation messages
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-message {
	background: #1b1f20 !important;
	color: #d8dcde !important;

	border: 1px solid #465054 !important;
	box-shadow: none !important;
}


/* Error message */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-message-danger {
	background: #2b1719 !important;
	color: #ffd9dc !important;
	border-color: #71343a !important;
}


/* Success message */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-message-success {
	background: #14251e !important;
	color: #d8eee3 !important;
	border-color: #315845 !important;
}


/* Invalid fields */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-form .elementor-field.elementor-error {
	border-color: #c84d57 !important;
	box-shadow: 0 0 0 2px rgba(200, 77, 87, .12) !important;
}


/* ---------------------------------------------------------
   Actions Pack and custom error messages
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) :is(
	.ap-error,
	.ap-form-error,
	.oneauto-error,
	#oneauto-error-stack
) {
	color: #ff858d !important;
}


/* ---------------------------------------------------------
   Language switcher
   --------------------------------------------------------- */

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-nav-menu a {
	color: #cbd1d5 !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-nav-menu a:hover {
	color: #ffffff !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-nav-menu .sub-menu {
	background: #1b1f20 !important;
	border: 1px solid #343b3d !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35) !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-nav-menu .sub-menu a {
	background: transparent !important;
	color: #cbd1d5 !important;
}

html.oneauto-dark body:is(
	.page-id-859,
	.page-id-891,
	.page-id-893
) .elementor-nav-menu .sub-menu a:hover {
	background: #242a2c !important;
	color: #ffffff !important;
}


/* ---------------------------------------------------------
   Mobile layout
   --------------------------------------------------------- */

@media (max-width: 768px) {

	html.oneauto-dark body:is(
		.page-id-859,
		.page-id-891,
		.page-id-893
	) :is(
		.elementor-element-fa0c8fd,
		.elementor-element-2f42f5b,
		.elementor-element-e24b1c1
	) {
		background: #1b1f20 !important;
	}

	html.oneauto-dark body:is(
		.page-id-859,
		.page-id-891,
		.page-id-893
	) .elementor-form :is(
		input,
		textarea,
		select,
		button[type="submit"]
	) {
		width: 100% !important;
	}
}

/* Authentication page background */
html.oneauto-dark body.page-id-859,
html.oneauto-dark body.page-id-891,
html.oneauto-dark body.page-id-893 {
	background: #1b1f20 !important;
}

/* Outer Elementor container */
html.oneauto-dark body.page-id-859 .elementor.elementor-859,
html.oneauto-dark body.page-id-891 .elementor.elementor-891,
html.oneauto-dark body.page-id-893 .elementor.elementor-893,

html.oneauto-dark body.page-id-859 .elementor-element-90da090,
html.oneauto-dark body.page-id-891 .elementor-element-eb9319a,
html.oneauto-dark body.page-id-893 .elementor-element-d7c226b,

html.oneauto-dark body.page-id-859 .e-con-inner,
html.oneauto-dark body.page-id-891 .e-con-inner,
html.oneauto-dark body.page-id-893 .e-con-inner {
	background: #1b1f20 !important;
	background-image: none !important;
}