/* =========================================================
   DARK MODE — CONTACT PAGE
   Kontakt page — Elementor page ID 1
   Clean replacement
   ========================================================= */


/* ---------------------------------------------------------
   Page background and main contact card
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1,
html.oneauto-dark body.page-id-1 #c27-site-wrapper,
html.oneauto-dark body.page-id-1 .elementor-page-1 {
	background: #001313 !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f {
	background: #1b1f20 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .24) !important;
}


/* ---------------------------------------------------------
   Inner columns and wrappers
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .elementor-element-bc44f6a,
html.oneauto-dark body.page-id-1 .elementor-element-ef60242,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .elementor-widget-container,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .elementor-shortcode,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .wpcf7,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .wpcf7-form,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .cf7-grid,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .cf7-col,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .wpcf7-form-control-wrap {
	background: transparent !important;
	background-image: none !important;
	color: inherit !important;
}


/* ---------------------------------------------------------
   Headings, company details and links
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .elementor-element-0ef8e13 h2,
html.oneauto-dark body.page-id-1 .elementor-element-0ef8e13 h2 strong {
	color: #f3f5f6 !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-b39c561,
html.oneauto-dark body.page-id-1 .elementor-element-b39c561 .elementor-widget-container,
html.oneauto-dark body.page-id-1 .elementor-element-b39c561 p,
html.oneauto-dark body.page-id-1 .elementor-element-b39c561 div {
	background: transparent !important;
	color: #aeb6bd !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-b39c561 strong {
	color: #f3f5f6 !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-b39c561 a {
	color: #4ea3ff !important;
	text-decoration: none !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-b39c561 a:hover {
	color: #79b9ff !important;
}


/* ---------------------------------------------------------
   Contact image
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .elementor-element-079a4f2,
html.oneauto-dark body.page-id-1 .elementor-element-079a4f2 .elementor-widget-container {
	background: transparent !important;
}

html.oneauto-dark body.page-id-1 .elementor-element-079a4f2 img {
	filter: none !important;
	opacity: 1 !important;
	border: 1px solid #3a4346 !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35) !important;
}


/* ---------------------------------------------------------
   Contact Form 7 labels and required markers
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .wpcf7 label {
	color: #cbd1d5 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .required {
	color: #ff737c !important;
}


/* ---------------------------------------------------------
   Form controls
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .wpcf7 input[type="text"],
html.oneauto-dark body.page-id-1 .wpcf7 input[type="email"],
html.oneauto-dark body.page-id-1 .wpcf7 input[type="tel"],
html.oneauto-dark body.page-id-1 .wpcf7 input[type="url"],
html.oneauto-dark body.page-id-1 .wpcf7 input[type="number"],
html.oneauto-dark body.page-id-1 .wpcf7 select,
html.oneauto-dark body.page-id-1 .wpcf7 textarea {
	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;
}

html.oneauto-dark body.page-id-1 .wpcf7 input:hover,
html.oneauto-dark body.page-id-1 .wpcf7 select:hover,
html.oneauto-dark body.page-id-1 .wpcf7 textarea:hover {
	border-color: #566166 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 input:focus,
html.oneauto-dark body.page-id-1 .wpcf7 select:focus,
html.oneauto-dark body.page-id-1 .wpcf7 textarea: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;
}

html.oneauto-dark body.page-id-1 .wpcf7 input::placeholder,
html.oneauto-dark body.page-id-1 .wpcf7 textarea::placeholder {
	color: #707a7f !important;
	-webkit-text-fill-color: #707a7f !important;
	opacity: 1 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 textarea {
	resize: vertical !important;
}


/* ---------------------------------------------------------
   Browser autofill and native dropdown
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .wpcf7 input:-webkit-autofill,
html.oneauto-dark body.page-id-1 .wpcf7 input:-webkit-autofill:hover,
html.oneauto-dark body.page-id-1 .wpcf7 input:-webkit-autofill:focus {
	-webkit-text-fill-color: #f3f5f6 !important;
	-webkit-box-shadow: 0 0 0 1000px #111516 inset !important;
	border-color: #3a4346 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 select {
	color-scheme: dark !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 select option {
	background: #1b1f20 !important;
	color: #f0f2f3 !important;
}


/* ---------------------------------------------------------
   Submit button and spinner
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .wpcf7 .cf7-submit {
	background: transparent !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-submit {
	background: #0d53c5 !important;
	background-image: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid #0d53c5 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-submit:hover,
html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-submit:focus {
	background: #164fb0 !important;
	border-color: #164fb0 !important;
	box-shadow: 0 7px 18px rgba(13, 83, 197, .24) !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-submit:disabled {
	background: #303638 !important;
	color: #899297 !important;
	-webkit-text-fill-color: #899297 !important;
	border-color: #414a4e !important;
	cursor: not-allowed !important;
}

html.oneauto-dark body.page-id-1 .wpcf7-spinner {
	background-color: #4ea3ff !important;
	opacity: 1 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7-spinner::before {
	background-color: #001313 !important;
}


/* ---------------------------------------------------------
   Validation and response messages
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-not-valid {
	border-color: #c84d57 !important;
	box-shadow: 0 0 0 2px rgba(200, 77, 87, .12) !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-not-valid-tip {
	color: #ff858d !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-response-output {
	background: #1b1f20 !important;
	color: #d8dcde !important;
	border: 1px solid #465054 !important;
	box-shadow: none !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 form.sent .wpcf7-response-output {
	background: #14251e !important;
	color: #d8eee3 !important;
	border-color: #315845 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 form.invalid .wpcf7-response-output,
html.oneauto-dark body.page-id-1 .wpcf7 form.unaccepted .wpcf7-response-output,
html.oneauto-dark body.page-id-1 .wpcf7 form.payment-required .wpcf7-response-output {
	background: #2c2515 !important;
	color: #f0dfb4 !important;
	border-color: #796331 !important;
}

html.oneauto-dark body.page-id-1 .wpcf7 form.failed .wpcf7-response-output,
html.oneauto-dark body.page-id-1 .wpcf7 form.aborted .wpcf7-response-output,
html.oneauto-dark body.page-id-1 .wpcf7 form.spam .wpcf7-response-output {
	background: #2b1719 !important;
	color: #ffd9dc !important;
	border-color: #71343a !important;
}


/* ---------------------------------------------------------
   Elementor spacers inside contact card
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .elementor-widget-spacer,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .elementor-spacer,
html.oneauto-dark body.page-id-1 .elementor-element-7b88b6f .elementor-spacer-inner {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Mobile adjustments
   --------------------------------------------------------- */

@media (max-width: 768px) {
	html.oneauto-dark body.page-id-1 .wpcf7 input,
	html.oneauto-dark body.page-id-1 .wpcf7 select,
	html.oneauto-dark body.page-id-1 .wpcf7 textarea,
	html.oneauto-dark body.page-id-1 .wpcf7 .wpcf7-submit {
		width: 100% !important;
	}
}