/* =========================================================
   DARK MODE — PACKAGES PAGE
   Paketid page — Elementor page ID 3089
   ========================================================= */


/* ---------------------------------------------------------
   Main page background
   --------------------------------------------------------- */

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


/* Elementor page containers */
html.oneauto-dark body.page-id-3089
.elementor-page-3089 > .elementor-element,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 .e-con,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 .e-con-inner,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 .elementor-widget,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 .elementor-widget-container {
	border-color: #343b3d;
}


/* ---------------------------------------------------------
   Elementor headings and ordinary text
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.elementor-page-3089 h1,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 h2,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 h3,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 h4,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 h5,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 h6 {
	color: #f3f5f6 !important;
}

html.oneauto-dark body.page-id-3089
.elementor-page-3089 p,
html.oneauto-dark body.page-id-3089
.elementor-page-3089 li {
	color: #b5bdc1;
}


/* ---------------------------------------------------------
   Animated page heading
   Includes the highlighted “TASUTA!” text
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.elementor-widget-animated-headline,
html.oneauto-dark body.page-id-3089
.elementor-headline {
	background: transparent !important;
	color: #f3f5f6 !important;
}

html.oneauto-dark body.page-id-3089
.elementor-headline-plain-text,
html.oneauto-dark body.page-id-3089
.elementor-headline-dynamic-wrapper {
	color: #f3f5f6 !important;
}

html.oneauto-dark body.page-id-3089
.elementor-headline-dynamic-text {
	color: #4ea3ff !important;
}


/* ---------------------------------------------------------
   Introductory card
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.pxc-intro-card {
	background: #1b1f20 !important;
	background-color: #1b1f20 !important;
	background-image: none !important;

	color: #d9dddf !important;
	border: 1px solid #343b3d !important;
	box-shadow: 0 7px 22px rgba(0, 0, 0, .16) !important;
}

html.oneauto-dark body.page-id-3089
.pxc-intro-text {
	color: #c3c9cc !important;
}


/* ---------------------------------------------------------
   Package explanation section
   “Paketiselgitus”
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
#paketid-selgitus,
html.oneauto-dark body.page-id-3089
.px-compact {
	--accent: #4ea3ff !important;
	--ink: #f3f5f6 !important;
	--muted: #9da6ab !important;
	--line: #343b3d !important;
	--soft: #141819 !important;

	background: #001313 !important;
	color: #e8e6e3 !important;
}


/* Explanation section wrapper */
html.oneauto-dark body.page-id-3089
.pxc-wrap {
	background: transparent !important;
}


/* Individual explanation rows */
html.oneauto-dark body.page-id-3089
.px-compact .pxc-card {
	background: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
}


/* Explanation headings */
html.oneauto-dark body.page-id-3089
.px-compact .pxc-h3 {
	color: #f3f5f6 !important;
}


/* Explanation lists */
html.oneauto-dark body.page-id-3089
.px-compact .pxc-bullets {
	background: transparent !important;
}

html.oneauto-dark body.page-id-3089
.px-compact .pxc-bullets li {
	background: transparent !important;
	color: #b8c0c4 !important;
	border-color: #343b3d !important;
}


/* Explanation body text */
html.oneauto-dark body.page-id-3089
.px-compact .pxc-bullets li > div {
	color: #b8c0c4 !important;
}

html.oneauto-dark body.page-id-3089
.px-compact .pxc-bullets b,
html.oneauto-dark body.page-id-3089
.px-compact .pxc-bullets strong {
	color: #f0f2f3 !important;
}


/* Circular explanation icons */
html.oneauto-dark body.page-id-3089
.px-compact .pxc-ico {
	background: rgba(78, 163, 255, .12) !important;
	color: #4ea3ff !important;
}

html.oneauto-dark body.page-id-3089
.px-compact .pxc-ico svg {
	color: #4ea3ff !important;
}

html.oneauto-dark body.page-id-3089
.px-compact .pxc-ico svg path {
	stroke: currentColor !important;
}


/* ---------------------------------------------------------
   Monthly / yearly billing switch
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.oneauto-switch {
	background: transparent !important;
	color: #e8e6e3 !important;
}


/* Monthly and yearly labels */
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-month"],
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-year"] {
	color: #aeb6bd !important;
}


/* Active billing-period label */
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-month"].active,
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-year"].active,
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-month"].is-active,
html.oneauto-dark body.page-id-3089
.oneauto-switch [data-role="label-year"].is-active {
	color: #ffffff !important;
}


/* Toggle track */
html.oneauto-dark body.page-id-3089
.oneauto-toggle {
	background: #252a2b !important;
	background-color: #252a2b !important;
	background-image: none !important;

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


/* Toggle hover */
html.oneauto-dark body.page-id-3089
.oneauto-toggle:hover,
html.oneauto-dark body.page-id-3089
.oneauto-toggle:focus {
	background: #303638 !important;
	border-color: #5b676b !important;
}


/* Enabled / yearly state */
html.oneauto-dark body.page-id-3089
.oneauto-toggle[aria-pressed="true"] {
	background: #0d53c5 !important;
	border-color: #0d53c5 !important;
}


/* Toggle knob */
html.oneauto-dark body.page-id-3089
.oneauto-toggle .knob {
	background: #ffffff !important;
	border: 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .35) !important;
}


/* ---------------------------------------------------------
   Package pricing stage
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
#pricing-stage,
html.oneauto-dark body.page-id-3089
.oneauto-package-set,
html.oneauto-dark body.page-id-3089
#pricing-monthly,
html.oneauto-dark body.page-id-3089
#pricing-yearly {
	background: transparent !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Package pricing images
   Keep the original artwork unchanged
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
#pricing-stage .elementor-widget-image,
html.oneauto-dark body.page-id-3089
#pricing-stage .elementor-widget-image
.elementor-widget-container {
	background: transparent !important;
}


/* Add a subtle dark-mode frame around each pricing image */
html.oneauto-dark body.page-id-3089
#pricing-stage .elementor-widget-image img {
	background: #ffffff !important;
	border: 1px solid #3b4447 !important;
	border-radius: 14px !important;

	box-shadow:
		0 9px 26px rgba(0, 0, 0, .26) !important;
}


/* Slightly stronger hover depth without changing the image */
html.oneauto-dark body.page-id-3089
#pricing-stage .elementor-widget-image:hover img {
	border-color: #4b575b !important;
	box-shadow:
		0 13px 34px rgba(0, 0, 0, .34) !important;
}


/* Do not apply filters to the package designs */
html.oneauto-dark body.page-id-3089
#pricing-stage img {
	filter: none !important;
	opacity: 1 !important;
}


/* ---------------------------------------------------------
   VAT notice
   “Hindadele lisandub käibemaks”
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
#paketid-legal,
html.oneauto-dark body.page-id-3089
.cta-legal-band {
	background: transparent !important;
	color: #e8e6e3 !important;
}

html.oneauto-dark body.page-id-3089
.cta-legal-wrap {
	background: transparent !important;
}

html.oneauto-dark body.page-id-3089
.cta-legal {
	background: rgba(78, 163, 255, .12) !important;
	color: #75b8ff !important;

	border: 1px solid rgba(78, 163, 255, .28) !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Registration/contact CTA section
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
#paketid-cta,
html.oneauto-dark body.page-id-3089
.cta-band {
	--accent: #4ea3ff !important;
	--ink: #f3f5f6 !important;
	--muted: #a1aaaf !important;
	--line: #343b3d !important;

	background: transparent !important;
	color: #e8e6e3 !important;
}


/* CTA inner wrapper and upper divider */
html.oneauto-dark body.page-id-3089
.cta-wrap {
	background: transparent !important;
	border-color: #343b3d !important;
}


/* CTA heading */
html.oneauto-dark body.page-id-3089
.cta-title {
	color: #f3f5f6 !important;
}


/* CTA description */
html.oneauto-dark body.page-id-3089
.cta-text {
	color: #aeb6bd !important;
}


/* CTA action wrapper */
html.oneauto-dark body.page-id-3089
.cta-actions {
	background: transparent !important;
}


/* Contact button */
html.oneauto-dark body.page-id-3089
.cta-btn {
	background: #0d53c5 !important;
	background-color: #0d53c5 !important;
	background-image: none !important;

	color: #ffffff !important;
	border: 1px solid #0d53c5 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}


/* Contact button hover */
html.oneauto-dark body.page-id-3089
.cta-btn:hover,
html.oneauto-dark body.page-id-3089
.cta-btn:focus {
	background: #164fb0 !important;
	color: #ffffff !important;
	border-color: #164fb0 !important;

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


/* ---------------------------------------------------------
   Elementor spacer protection
   Prevent white spacer sections
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.elementor-widget-spacer,
html.oneauto-dark body.page-id-3089
.elementor-widget-spacer .elementor-widget-container,
html.oneauto-dark body.page-id-3089
.elementor-spacer,
html.oneauto-dark body.page-id-3089
.elementor-spacer-inner {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Generic white Elementor container protection
   Scoped only to the Packages page
   --------------------------------------------------------- */

html.oneauto-dark body.page-id-3089
.elementor-page-3089
.e-con[style*="background-color: #fff"],
html.oneauto-dark body.page-id-3089
.elementor-page-3089
.e-con[style*="background-color:#fff"],
html.oneauto-dark body.page-id-3089
.elementor-page-3089
.e-con[style*="background-color: white"],
html.oneauto-dark body.page-id-3089
.elementor-page-3089
.elementor-widget-container[style*="background-color: #fff"] {
	background-color: #001313 !important;
}


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

@media (max-width: 768px) {

	html.oneauto-dark body.page-id-3089
	.pxc-intro-card {
		background: #1b1f20 !important;
	}

	html.oneauto-dark body.page-id-3089
	.px-compact {
		background: #001313 !important;
	}

	html.oneauto-dark body.page-id-3089
	#pricing-stage .elementor-widget-image img {
		border-radius: 12px !important;
		box-shadow: 0 7px 20px rgba(0, 0, 0, .25) !important;
	}

	html.oneauto-dark body.page-id-3089
	.cta-btn {
		width: 100% !important;
		max-width: 320px !important;
	}
}