/* ==========================================================================
   Web CircleZ Pro — Site-wide Dark Mode
   Toggle: html.wcz-dark-mode (default on)
   Header/hero chrome matches light theme (translucent → solid white on scroll)
   ========================================================================== */

html.wcz-dark-mode {
	color-scheme: dark;

	/*
	 * Dark theme — logo cyan (#00c2e5)
	 */
	--wcz-bg: #070b14;
	--wcz-bg-elevated: #0c1220;
	--wcz-bg-card: #080c16;
	--wcz-bg-card-hover: #0f1624;
	--wcz-bg-glass: rgba(8, 12, 22, 0.82);
	--wcz-surface-panel: rgba(8, 12, 22, 0.96);
	--wcz-border: rgba(255, 255, 255, 0.08);
	--wcz-border-hover: rgba(0, 194, 229, 0.45);

	--wcz-text-heading: #ffffff;
	--wcz-text: #c8d0dc;
	--wcz-text-muted: #93a0b4;
	--wcz-text-dim: #6b778c;

	--wcz-primary: #00c2e5;
	--wcz-primary-dark: #0099b8;
	--wcz-accent-cyan: #00c2e5;
	--wcz-accent-purple: #a855f7;
	--wcz-accent-green: #34d399;
	--wcz-accent-orange: #fb923c;

	--wcz-gradient: #00c2e5;
	--wcz-gradient-text: #00c2e5;
	--wcz-gradient-mesh:
		radial-gradient(ellipse 70% 55% at 12% 8%, rgba(0, 194, 229, 0.14) 0%, transparent 55%),
		radial-gradient(ellipse 55% 45% at 88% 12%, rgba(0, 153, 184, 0.1) 0%, transparent 50%),
		radial-gradient(ellipse 50% 40% at 50% 100%, rgba(0, 194, 229, 0.05) 0%, transparent 55%);

	--wcz-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	--wcz-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
	--wcz-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.4);
	--wcz-shadow-glow: 0 10px 40px rgba(0, 194, 229, 0.22);

	--wcz-white: #ffffff;
	--wcz-surface-bright: rgba(255, 255, 255, 0.05);
	--wcz-surface-bright-hover: rgba(255, 255, 255, 0.09);
	--wcz-btn-primary-bg: #00c2e5;
	--wcz-btn-primary-color: #ffffff;
	--wcz-btn-primary-shadow: 0 10px 28px rgba(0, 194, 229, 0.35);
	--wcz-btn-primary-shadow-hover: 0 14px 36px rgba(0, 194, 229, 0.45);
	--wcz-btn-secondary-bg: rgba(255, 255, 255, 0.05);
	--wcz-btn-secondary-color: #f1f5f9;
	--wcz-btn-secondary-border: rgba(255, 255, 255, 0.16);
	--wcz-btn-secondary-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);

	--wcz-header-dark: #0c1220;
}

/* --------------------------------------------------------------------------
   Theme toggle — pill switch (moon / sun)
   -------------------------------------------------------------------------- */
.wcz-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	cursor: pointer;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

.wcz-theme-toggle:hover {
	transform: scale(1.03);
}

.wcz-theme-toggle:focus-visible {
	outline: 2px solid var(--wcz-primary, #00c2e5);
	outline-offset: 3px;
}

.wcz-theme-toggle-track {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 58px;
	height: 30px;
	padding: 3px;
	border-radius: 999px;
	background: rgba(17, 24, 39, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-sizing: border-box;
	overflow: hidden;
}

/* Light mode — light track, cyan knob, black icons */
html:not(.wcz-dark-mode) .wcz-theme-toggle-track,
html:not(.wcz-dark-mode) body.wcz-header-scrolled .wcz-theme-toggle-track,
html:not(.wcz-dark-mode) .wcz-header.scrolled .wcz-theme-toggle-track,
html:not(.wcz-dark-mode) body.wcz-has-inner-banner .wcz-theme-toggle-track,
html:not(.wcz-dark-mode) body.wcz-hero-split-page .wcz-theme-toggle-track {
	background: #e8ecef !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: none !important;
}

.wcz-theme-toggle-icon {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	pointer-events: none;
}

.wcz-theme-toggle-icon--moon {
	color: rgba(255, 255, 255, 0.35);
}

.wcz-theme-toggle-icon--sun {
	color: rgba(255, 255, 255, 0.45);
}

html:not(.wcz-dark-mode) .wcz-theme-toggle-icon--moon {
	color: #0f172a;
	opacity: 1;
}

html.wcz-dark-mode .wcz-theme-toggle-icon--moon,
html:not(.wcz-dark-mode) .wcz-theme-toggle-icon--sun {
	opacity: 0;
}

.wcz-theme-toggle-knob {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #00c2e5;
	color: #0a1628;
	box-shadow: 0 2px 8px rgba(0, 194, 229, 0.45);
	transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
	pointer-events: none;
}

html:not(.wcz-dark-mode) .wcz-theme-toggle-knob {
	transform: translateX(28px);
	background: #00c2e5;
	color: #0f172a;
	box-shadow: none;
}

.wcz-theme-toggle-knob .wcz-theme-knob-moon,
.wcz-theme-toggle-knob .wcz-theme-knob-sun {
	display: none;
	flex-shrink: 0;
}

html.wcz-dark-mode .wcz-theme-toggle-knob .wcz-theme-knob-moon {
	display: block;
}

html:not(.wcz-dark-mode) .wcz-theme-toggle-knob .wcz-theme-knob-sun {
	display: block;
}

html.wcz-dark-mode .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-theme-toggle,
html.wcz-dark-mode .wcz-header.scrolled .wcz-theme-toggle,
html:not(.wcz-dark-mode) body.wcz-has-inner-banner .wcz-theme-toggle,
html:not(.wcz-dark-mode) body.wcz-header-scrolled .wcz-theme-toggle,
html:not(.wcz-dark-mode) .wcz-header.scrolled .wcz-theme-toggle,
body.wcz-hero-split-page .wcz-theme-toggle {
	color: inherit !important;
	background: transparent !important;
}

html.wcz-dark-mode .wcz-theme-toggle:hover,
html:not(.wcz-dark-mode) .wcz-theme-toggle:hover {
	color: inherit !important;
	background: transparent !important;
}

html.wcz-dark-mode body {
	background: var(--wcz-bg);
	color: var(--wcz-text);
}

html.wcz-dark-mode .wcz-ambient-grid {
	opacity: 0.15;
}

html.wcz-dark-mode .wcz-main {
	background: transparent;
}

/* --------------------------------------------------------------------------
   Header & navigation — same design as light theme
   Over hero: translucent / transparent + white text
   On scroll: solid white + dark text
   -------------------------------------------------------------------------- */
html.wcz-dark-mode {
	--wcz-glass-header: rgba(255, 255, 255, 0.92);
	--wcz-glass-footer: rgba(16, 24, 42, 0.58);
	--wcz-glass-border: rgba(255, 255, 255, 0.12);
	--wcz-glass-highlight: rgba(0, 194, 229, 0.18);
	--wcz-glass-blur: none;
	--wcz-header-dark: #111827;
}

html.wcz-dark-mode .wcz-header {
	isolation: isolate;
	background: transparent !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	padding-inline: 0;
}

html.wcz-dark-mode .wcz-header.scrolled,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-header {
	background: transparent !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

/* Over hero — full-width translucent (light theme style) */
html.wcz-dark-mode .wcz-header::before,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-header::before,
html.wcz-dark-mode body.wcz-legal-page:not(.wcz-header-scrolled) .wcz-header::before,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-header::before,
html.wcz-dark-mode body.wcz-service-page:not(.wcz-header-scrolled) .wcz-header::before,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header:not(.scrolled)::before,
html.wcz-dark-mode body.wcz-service-page .wcz-header:not(.scrolled)::before {
	inset: 0 !important;
	border-radius: 0 !important;
	background: rgba(6, 10, 18, 0.28) !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Homepage over hero — transparent like light theme */
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-header::before,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header:not(.scrolled)::before {
	inset: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Scroll — solid dark header */
html.wcz-dark-mode body.wcz-header-scrolled .wcz-header::before,
html.wcz-dark-mode .wcz-header.scrolled::before,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-header::before,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled::before,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-header::before,
html.wcz-dark-mode body.wcz-service-page.wcz-header-scrolled .wcz-header::before,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header.scrolled::before,
html.wcz-dark-mode body.wcz-service-page .wcz-header.scrolled::before,
html.wcz-dark-mode body.wcz-legal-page.wcz-header-scrolled .wcz-header::before,
html.wcz-dark-mode body.wcz-legal-page .wcz-header.scrolled::before {
	inset: 0 !important;
	border-radius: 0 !important;
	background: rgba(8, 12, 22, 0.96) !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header,
html.wcz-dark-mode body.wcz-service-page .wcz-header {
	z-index: 1001 !important;
}

/* Over hero — white logo / nav */
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-logo-name,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-logo-name,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-logo-name,
html.wcz-dark-mode body.wcz-legal-page:not(.wcz-header-scrolled) .wcz-logo-name,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-logo-accent,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-logo-accent,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-logo-accent {
	color: #ffffff !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-logo-img--on-light {
	display: none !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-logo-img--on-dark {
	display: block !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-legal-page:not(.wcz-header-scrolled) .wcz-nav-list > li > a {
	color: #ffffff !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-header-search-toggle,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-hero-split-page:not(.wcz-header-scrolled) .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-theme-toggle {
	color: #ffffff !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-menu-toggle span,
html.wcz-dark-mode body.wcz-has-inner-banner:not(.wcz-header-scrolled) .wcz-menu-toggle span {
	background: #ffffff !important;
}

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li > a:hover,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li.current-menu-item > a,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li.current_page_item > a {
	color: #00c2e5 !important;
}

/* Scrolled — white logo / nav on dark header */
html.wcz-dark-mode body.wcz-header-scrolled .wcz-logo-name,
html.wcz-dark-mode .wcz-header.scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header.scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-legal-page.wcz-header-scrolled .wcz-logo-name,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-logo-accent,
html.wcz-dark-mode .wcz-header.scrolled .wcz-logo-accent {
	color: #ffffff !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-logo-img--on-light,
html.wcz-dark-mode .wcz-header.scrolled .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-logo-img--on-light,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header.scrolled .wcz-logo-img--on-light {
	display: none !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-logo-img--on-dark,
html.wcz-dark-mode .wcz-header.scrolled .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-logo-img--on-dark,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header.scrolled .wcz-logo-img--on-dark {
	display: block !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode .wcz-header.scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-has-inner-banner .wcz-header.scrolled .wcz-nav-list > li > a,
html.wcz-dark-mode body.wcz-legal-page.wcz-header-scrolled .wcz-nav-list > li > a {
	color: #ffffff !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li > a:hover,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li.current-menu-item > a,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li.current_page_item > a,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li.current-menu-ancestor > a,
html.wcz-dark-mode .wcz-header.scrolled .wcz-nav-list > li > a:hover,
html.wcz-dark-mode .wcz-header.scrolled .wcz-nav-list > li.current-menu-item > a,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-nav-list > li > a:hover,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-nav-list > li.current-menu-item > a {
	color: #00c2e5 !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-theme-toggle,
html.wcz-dark-mode .wcz-header.scrolled .wcz-header-search-toggle,
html.wcz-dark-mode .wcz-header.scrolled .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-hero-split-page.wcz-header-scrolled .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-header.scrolled .wcz-theme-toggle,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-header-search-toggle,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-theme-toggle {
	color: #ffffff !important;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-menu-toggle span,
html.wcz-dark-mode body.wcz-has-inner-banner.wcz-header-scrolled .wcz-menu-toggle span,
html.wcz-dark-mode body.wcz-legal-page.wcz-header-scrolled .wcz-menu-toggle span {
	background: #ffffff !important;
}

html.wcz-dark-mode .wcz-theme-toggle:hover,
html.wcz-dark-mode .wcz-header-search-toggle:hover,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-theme-toggle:hover,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-header-search-toggle:hover {
	background: rgba(15, 23, 42, 0.06);
	color: #00c2e5 !important;
}

html.wcz-dark-mode .wcz-top-bar {
	background: rgba(6, 10, 18, 0.42) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html.wcz-dark-mode body.wcz-has-inner-banner .wcz-top-bar,
html.wcz-dark-mode body.wcz-service-page .wcz-top-bar,
html.wcz-dark-mode body.wcz-hero-split-page .wcz-top-bar,
html.wcz-dark-mode body.wcz-legal-page .wcz-top-bar {
	background: rgba(6, 10, 18, 0.42) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	z-index: 1001 !important;
}

html.wcz-dark-mode .wcz-top-bar-icon { color: #00c2e5 !important; }

html.wcz-dark-mode .wcz-top-bar-item,
html.wcz-dark-mode .wcz-top-bar-links a {
	color: rgba(255, 255, 255, 0.92) !important;
}

html.wcz-dark-mode .wcz-top-bar-account {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

html.wcz-dark-mode .wcz-top-bar-quote {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	color: #ffffff !important;
	border-color: #00c2e5 !important;
	border-radius: 999px !important;
	box-shadow: none;
}

html.wcz-dark-mode .wcz-top-bar-quote-arrow {
	color: #00c2e5;
	flex-shrink: 0;
}

html.wcz-dark-mode .wcz-top-bar-quote:hover {
	background: rgba(0, 194, 229, 0.12) !important;
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-logo-accent { color: #ffffff !important; }

html.wcz-dark-mode .wcz-nav-list > li > a { position: relative; }

html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li.current-menu-item > a::after,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li.current_page_item > a::after,
html.wcz-dark-mode body:not(.wcz-header-scrolled) .wcz-nav-list > li.current-menu-ancestor > a::after,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li.current-menu-item > a::after,
html.wcz-dark-mode body.wcz-header-scrolled .wcz-nav-list > li.current_page_item > a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: #00c2e5;
	box-shadow: none;
}

html.wcz-dark-mode .wcz-theme-toggle-track {
	background: rgba(17, 24, 39, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

html.wcz-dark-mode body.wcz-header-scrolled .wcz-theme-toggle-track {
	background: rgba(15, 23, 42, 0.08);
	border: 1px solid #00c2e5;
}

html.wcz-dark-mode .wcz-header-search-panel {
	background: #ffffff !important;
	border-bottom: 1px solid #e8e8e8 !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html.wcz-dark-mode .wcz-header-search-input {
	background: #f8fafc !important;
	color: #111827 !important;
	-webkit-text-fill-color: #111827 !important;
	border-color: #e2e8f0 !important;
}

html.wcz-dark-mode .wcz-header-search-input::placeholder {
	color: #94a3b8 !important;
}

html.wcz-dark-mode .wcz-nav.is-open {
	background: #ffffff;
	border-color: #e8e8e8;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

/* --------------------------------------------------------------------------
   Generic cards, sections, typography
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-section-title,
html.wcz-dark-mode .wcz-home-section-title,
html.wcz-dark-mode .wcz-section-title--live,
html.wcz-dark-mode .wcz-faq-title,
html.wcz-dark-mode h1,
html.wcz-dark-mode h2,
html.wcz-dark-mode h3,
html.wcz-dark-mode h4 {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-section-desc,
html.wcz-dark-mode .wcz-home-section-desc,
html.wcz-dark-mode .wcz-faq-desc {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-service-card,
html.wcz-dark-mode .wcz-pricing-card,
html.wcz-dark-mode .wcz-pricing-live-card,
html.wcz-dark-mode .wcz-pricing-ecom-card,
html.wcz-dark-mode .wcz-quick-card,
html.wcz-dark-mode .wcz-feature-showcase,
html.wcz-dark-mode .wcz-testimonial-card,
html.wcz-dark-mode .wcz-stat-item,
html.wcz-dark-mode .wcz-bento-item,
html.wcz-dark-mode .wcz-core-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
	color: var(--wcz-text);
}

html.wcz-dark-mode .wcz-quick-card.featured,
html.wcz-dark-mode .wcz-pricing-card.featured,
html.wcz-dark-mode .wcz-pricing-live-card.featured {
	background: linear-gradient(160deg, #152238 0%, #1a2d45 100%) !important;
	border-color: rgba(0, 194, 229, 0.35) !important;
}

html.wcz-dark-mode .wcz-quick-card h3,
html.wcz-dark-mode .wcz-pricing-name,
html.wcz-dark-mode .wcz-pricing-live-name,
html.wcz-dark-mode .wcz-pricing-ecom-name {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-quick-card p,
html.wcz-dark-mode .wcz-pricing-features li,
html.wcz-dark-mode .wcz-pricing-live-features li,
html.wcz-dark-mode .wcz-pricing-ecom-features li {
	color: var(--wcz-text-muted);
}

/* --------------------------------------------------------------------------
   Forms (CF7 + theme forms)
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-cf7-wrap input.wpcf7-form-control:not([type="submit"]),
html.wcz-dark-mode .wcz-cf7-wrap select.wpcf7-form-control,
html.wcz-dark-mode .wcz-cf7-wrap textarea.wpcf7-form-control,
html.wcz-dark-mode .wcz-form-group input,
html.wcz-dark-mode .wcz-form-group textarea,
html.wcz-dark-mode .wcz-form-group select,
html.wcz-dark-mode .wcz-quote-input,
html.wcz-dark-mode input[type="text"],
html.wcz-dark-mode input[type="email"],
html.wcz-dark-mode input[type="tel"],
html.wcz-dark-mode input[type="url"],
html.wcz-dark-mode input[type="search"],
html.wcz-dark-mode input[type="number"],
html.wcz-dark-mode textarea,
html.wcz-dark-mode select {
	background: var(--wcz-bg-elevated) !important;
	color: var(--wcz-text) !important;
	border-color: var(--wcz-border) !important;
	-webkit-text-fill-color: var(--wcz-text);
	color-scheme: dark;
}

html.wcz-dark-mode select option,
html.wcz-dark-mode .wcz-cf7-wrap select.wpcf7-form-control option,
html.wcz-dark-mode .wcz-form-group select option {
	background-color: #0b1220;
	color: #f1f5f9;
}

html.wcz-dark-mode .wcz-cf7-wrap .wpcf7-form label,
html.wcz-dark-mode .wcz-quote-label,
html.wcz-dark-mode label {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-cf7-wrap .wpcf7-form-control::placeholder,
html.wcz-dark-mode input::placeholder,
html.wcz-dark-mode textarea::placeholder {
	color: var(--wcz-text-dim);
}

/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-faq-section {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-faq-item {
	background: var(--wcz-bg-card);
	border-color: var(--wcz-border);
	box-shadow: var(--wcz-shadow-sm);
}

html.wcz-dark-mode .wcz-faq-item[open],
html.wcz-dark-mode .wcz-faq-item.is-open {
	background: rgba(0, 194, 229, 0.08);
	border-color: rgba(0, 194, 229, 0.35);
}

html.wcz-dark-mode .wcz-faq-question {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-faq-item.is-open .wcz-faq-question {
	color: var(--wcz-primary, #00c2e5);
}

html.wcz-dark-mode .wcz-faq-answer p {
	color: var(--wcz-text-muted);
}

/* --------------------------------------------------------------------------
   Homepage
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-home-about,
html.wcz-dark-mode .wcz-home-process,
html.wcz-dark-mode .wcz-home-testimonials,
html.wcz-dark-mode .wcz-home-faq.wcz-faq-section,
html.wcz-dark-mode .wcz-stats,
html.wcz-dark-mode .wcz-quick-contact {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-premium-services {
	background: var(--wcz-bg-elevated) !important;
}

html.wcz-dark-mode .wcz-home-about-title,
html.wcz-dark-mode .wcz-home-about-highlight h3,
html.wcz-dark-mode .wcz-home-process-step h3 {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-home-about-lead,
html.wcz-dark-mode .wcz-home-about-text,
html.wcz-dark-mode .wcz-home-about-highlight p,
html.wcz-dark-mode .wcz-home-process-step p {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-home-about-highlight,
html.wcz-dark-mode .wcz-home-process-step,
html.wcz-dark-mode .wcz-home-about-photo-badge {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-home-why,
html.wcz-dark-mode .wcz-home-why--light {
	background: var(--wcz-bg-elevated) !important;
}

html.wcz-dark-mode .wcz-home-why-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

html.wcz-dark-mode .wcz-home-why-card h3 {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-home-why-card p {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-home-cta-creative {
	background: linear-gradient(180deg, var(--wcz-bg) 0%, var(--wcz-bg-elevated) 50%, var(--wcz-bg) 100%) !important;
}

html.wcz-dark-mode .wcz-home-cta-card {
	background: rgba(21, 29, 46, 0.92) !important;
	border-color: rgba(0, 194, 229, 0.2) !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35) !important;
}

html.wcz-dark-mode .wcz-home-cta-title {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-home-cta-desc,
html.wcz-dark-mode .wcz-home-cta-perks li {
	color: #c8d0dc !important;
}

html.wcz-dark-mode .wcz-home-cta-stat,
html.wcz-dark-mode .wcz-home-cta-chip {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
}

html.wcz-dark-mode .wcz-home-cta-stat strong {
	color: #00c2e5 !important;
}

html.wcz-dark-mode .wcz-home-cta-stat span,
html.wcz-dark-mode .wcz-home-cta-chip {
	color: #c8d0dc !important;
}

html.wcz-dark-mode .wcz-home-cta-btn--ghost {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

html.wcz-dark-mode .wcz-home-cta-btn--ghost:hover {
	background: rgba(0, 194, 229, 0.12) !important;
	border-color: rgba(0, 194, 229, 0.45) !important;
	color: #00c2e5 !important;
}

html.wcz-dark-mode .wcz-contact-map-frame {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(0, 194, 229, 0.22) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.4) !important;
}

html.wcz-dark-mode .wcz-contact-map-frame iframe {
	filter: grayscale(0.35) invert(0.92) contrast(0.88) brightness(0.85) hue-rotate(180deg);
}

html.wcz-dark-mode .wcz-premium-services-intro h2,
html.wcz-dark-mode .wcz-premium-services-title,
html.wcz-dark-mode .wcz-premium-service-card h3 {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-premium-services-title-light {
	color: rgba(255, 255, 255, 0.45);
}

html.wcz-dark-mode .wcz-premium-services-title strong {
	color: #ffffff;
}

html.wcz-dark-mode .wcz-premium-services-desc {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-premium-service-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

/* --------------------------------------------------------------------------
   Homepage hero (light split → dark)
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-hero-split--light {
	--wcz-hero-field-bg: rgba(10, 14, 24, 0.92);
	--wcz-hero-field-border: rgba(255, 255, 255, 0.14);
	--wcz-hero-ink: #f1f5f9;
	--wcz-hero-muted: #94a3b8;
	background: var(--wcz-bg);
}

html.wcz-dark-mode .wcz-hero-split-bg {
	background: var(--wcz-bg);
}

html.wcz-dark-mode .wcz-hero-split--light .wcz-hero-live-overlay {
	display: block !important;
	background:
		linear-gradient(165deg, rgba(10, 22, 40, 0.82) 0%, rgba(10, 22, 40, 0.78) 45%, rgba(10, 22, 40, 0.88) 100%),
		radial-gradient(ellipse 70% 55% at 12% 18%, rgba(0, 194, 229, 0.12), transparent 55%) !important;
}

html.wcz-dark-mode .wcz-hero-split--light .wcz-hero-live-title {
	color: #fff;
}

html.wcz-dark-mode .wcz-hero-split--light .wcz-hero-live-subtitle {
	color: rgba(255, 255, 255, 0.78);
}

html.wcz-dark-mode .wcz-hero-pillar {
	background: rgba(8, 18, 32, 0.55) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

html.wcz-dark-mode .wcz-hero-pillar:hover,
html.wcz-dark-mode .wcz-hero-pillar:focus-visible {
	background: rgba(0, 194, 229, 0.12) !important;
	border-color: rgba(0, 194, 229, 0.5) !important;
}

html.wcz-dark-mode .wcz-hero-pillar h3 {
	color: #fff;
}

html.wcz-dark-mode .wcz-hero-pillar p {
	color: rgba(255, 255, 255, 0.78);
}

html.wcz-dark-mode .wcz-hero-quote-card {
	background: rgba(18, 22, 32, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html.wcz-dark-mode .wcz-hero-quote-card .wcz-hero-form-label {
	color: rgba(255, 255, 255, 0.88);
}

html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap input.wpcf7-form-control:not([type="submit"]),
html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap select.wpcf7-form-control,
html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap textarea.wpcf7-form-control,
html.wcz-dark-mode .wcz-hero-quote-card textarea {
	background: var(--wcz-hero-field-bg) !important;
	color: #fff !important;
	border-color: var(--wcz-hero-field-border) !important;
	-webkit-text-fill-color: #fff;
}

html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap input.wpcf7-form-control:focus,
html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap select.wpcf7-form-control:focus,
html.wcz-dark-mode .wcz-hero-quote-card .wcz-cf7-wrap textarea.wpcf7-form-control:focus {
	background: rgba(12, 18, 30, 0.98) !important;
}

html.wcz-dark-mode .wcz-btn-hero-outline {
	color: var(--wcz-primary, #00c2e5);
	border-color: rgba(0, 194, 229, 0.55);
}

/* --------------------------------------------------------------------------
   Service pages (all templates)
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-service-live-intro,
html.wcz-dark-mode .wcz-service-live-includes,
html.wcz-dark-mode .wcz-service-live-cards--icon,
html.wcz-dark-mode .wcz-service-live-block--split,
html.wcz-dark-mode .wcz-service-live-block--split-points,
html.wcz-dark-mode .wcz-service-live-block.is-alt,
html.wcz-dark-mode .wcz-service-live-faq,
html.wcz-dark-mode .wcz-process-icons,
html.wcz-dark-mode .wcz-page-smm-live .wcz-service-live-cards--icon {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-service-live-intro--centered,
html.wcz-dark-mode .wcz-service-live-block.is-alt {
	background: var(--wcz-bg-elevated) !important;
}

html.wcz-dark-mode .wcz-service-live-process-step,
html.wcz-dark-mode .wcz-service-live-include,
html.wcz-dark-mode .wcz-service-live-card,
html.wcz-dark-mode .wcz-service-live-why-item,
html.wcz-dark-mode .wcz-service-live-offer-card,
html.wcz-dark-mode .wcz-service-live-faq-item,
html.wcz-dark-mode .wcz-service-live-cards--icon .wcz-service-live-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-service-live-include-icon,
html.wcz-dark-mode .wcz-service-live-card-icon,
html.wcz-dark-mode .wcz-process-icons-icon,
html.wcz-dark-mode .wcz-service-live-check-icon {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: #00c2e5 !important;
	box-shadow: none !important;
}

html.wcz-dark-mode .wcz-service-live-include-icon::after {
	display: none !important;
}

html.wcz-dark-mode .wcz-service-live-subtitle,
html.wcz-dark-mode .wcz-service-live-split-title,
html.wcz-dark-mode .wcz-service-live-card h3,
html.wcz-dark-mode .wcz-service-live-process-step h3,
html.wcz-dark-mode .wcz-service-live-include h4,
html.wcz-dark-mode .wcz-service-live-point h3,
html.wcz-dark-mode .wcz-service-live-why-item h4,
html.wcz-dark-mode .wcz-service-live-faq-item h4,
html.wcz-dark-mode .wcz-max-title-heading {
	color: var(--wcz-text-heading) !important;
}

html.wcz-dark-mode .wcz-service-live-text p,
html.wcz-dark-mode .wcz-service-live-card p,
html.wcz-dark-mode .wcz-service-live-process-step p,
html.wcz-dark-mode .wcz-service-live-split-text,
html.wcz-dark-mode .wcz-service-live-point p,
html.wcz-dark-mode .wcz-service-live-why-item p,
html.wcz-dark-mode .wcz-service-live-offer-card p,
html.wcz-dark-mode .wcz-service-live-faq-item p,
html.wcz-dark-mode .wcz-service-live-check {
	color: var(--wcz-text-muted) !important;
}

html.wcz-dark-mode .wcz-service-live-faq-item {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

html.wcz-dark-mode .wcz-service-live-faq-item h4 {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-service-live-faq-item p {
	background: rgba(4, 8, 16, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	color: #c8d0dc !important;
}

html.wcz-dark-mode .wcz-service-live-faq-item p::before {
	color: #00c2e5 !important;
	background: rgba(0, 194, 229, 0.16) !important;
}

html.wcz-dark-mode .wcz-service-live-cta:not(.wcz-service-live-cta--parallax) {
	background: var(--wcz-bg-elevated) !important;
}

html.wcz-dark-mode .wcz-service-live-cta-inner {
	background: var(--wcz-bg-card) !important;
	border: 1px solid var(--wcz-border);
}

html.wcz-dark-mode .wcz-service-live-cta-title,
html.wcz-dark-mode .wcz-service-live-cta-title--single {
	color: var(--wcz-text-heading) !important;
}

html.wcz-dark-mode .wcz-service-live-cta-inner p {
	color: var(--wcz-text-muted) !important;
}

/* Google / SMM service extras */
html.wcz-dark-mode .wcz-service-live-why--creative,
html.wcz-dark-mode .wcz-page-google-live .wcz-service-live-faq,
html.wcz-dark-mode body.page-template-page-google-platform-suite-php .wcz-section,
html.wcz-dark-mode body.page-template-page-google-ads-management-php .wcz-section,
html.wcz-dark-mode body.page-template-page-gmb-optimization-php .wcz-section,
html.wcz-dark-mode body.page-template-page-analytics-services-reporting-php .wcz-section {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-google-feature-card,
html.wcz-dark-mode .wcz-google-suite-card,
html.wcz-dark-mode .wcz-smm-feature-card,
html.wcz-dark-mode .wcz-process-icons-item,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-item {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

html.wcz-dark-mode .wcz-process-icons-item h3,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-head h3 {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-process-icons-item p,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-item > p {
	color: #93a0b4 !important;
}

html.wcz-dark-mode .wcz-service-live-intro--centered .wcz-service-live-text p {
	background:
		linear-gradient(135deg, rgba(8, 12, 22, 0.96), rgba(12, 18, 32, 0.92)),
		radial-gradient(circle at 12% 12%, rgba(0, 194, 229, 0.12), transparent 34%) !important;
	border-color: rgba(0, 194, 229, 0.28) !important;
	color: #c8d0dc !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

/* --------------------------------------------------------------------------
   Contact, About, Quote, Services hub, Pricing, Legal, Account
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-contact-page {
	background:
		radial-gradient(circle at 10% 0%, rgba(0, 194, 229, 0.08), transparent 42%),
		linear-gradient(180deg, var(--wcz-bg) 0%, var(--wcz-bg-elevated) 55%, var(--wcz-bg) 100%) !important;
}

html.wcz-dark-mode .wcz-contact-channel-card,
html.wcz-dark-mode .wcz-contact-form-panel,
html.wcz-dark-mode .wcz-contact-info-panel,
html.wcz-dark-mode .wcz-contact-help-card,
html.wcz-dark-mode .wcz-contact-form-wrap,
html.wcz-dark-mode .wcz-contact-live-box,
html.wcz-dark-mode .wcz-contact-live-info-col,
html.wcz-dark-mode .wcz-contact-services-box {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.wcz-dark-mode .wcz-contact-live-info-head h3,
html.wcz-dark-mode .wcz-contact-live-label,
html.wcz-dark-mode .wcz-contact-live-value,
html.wcz-dark-mode .wcz-contact-services-copy h2 {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-contact-live-info-head p,
html.wcz-dark-mode .wcz-contact-live-note,
html.wcz-dark-mode .wcz-contact-services-copy p {
	color: #93a0b4 !important;
}

html.wcz-dark-mode .wcz-contact-intro .wcz-section-desc,
html.wcz-dark-mode .wcz-contact-channel-card p,
html.wcz-dark-mode .wcz-contact-live-lead {
	color: var(--wcz-text-muted) !important;
}

html.wcz-dark-mode .wcz-about-story,
html.wcz-dark-mode .wcz-about-groups,
html.wcz-dark-mode .wcz-about-team-live,
html.wcz-dark-mode .wcz-about-live-block {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-about-group-card,
html.wcz-dark-mode .wcz-about-group-col,
html.wcz-dark-mode .wcz-about-team-live .wcz-about-team-member {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-about-story-heading,
html.wcz-dark-mode .wcz-about-live-title,
html.wcz-dark-mode .wcz-about-group-title,
html.wcz-dark-mode .wcz-about-team-live .wcz-about-team-name,
html.wcz-dark-mode .wcz-about-team-live .wcz-about-live-title {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-about-team-divider-line {
	background: rgba(255, 255, 255, 0.22);
}

html.wcz-dark-mode .wcz-about-team-card {
	background: #111827 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow:
		0 24px 64px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
}

html.wcz-dark-mode .wcz-about-team-badge {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.72);
}

html.wcz-dark-mode .wcz-about-team-live .wcz-about-team-role {
	color: var(--wcz-primary, #00c2e5) !important;
}

html.wcz-dark-mode .wcz-about-team-bio {
	color: rgba(255, 255, 255, 0.72);
}

html.wcz-dark-mode .wcz-about-team-stats {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
}

html.wcz-dark-mode .wcz-about-team-stats li + li {
	border-top-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
	html.wcz-dark-mode .wcz-about-team-stats li + li {
		border-top: none;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
	}
}

html.wcz-dark-mode .wcz-about-team-stat-icon {
	background: rgba(0, 194, 229, 0.16);
	color: var(--wcz-primary, #00c2e5);
}

html.wcz-dark-mode .wcz-about-team-stats strong {
	color: #ffffff;
}

html.wcz-dark-mode .wcz-about-team-stats span {
	color: rgba(255, 255, 255, 0.6);
}

html.wcz-dark-mode .wcz-about-team-live .wcz-about-team-social a {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--wcz-primary, #00c2e5);
	box-shadow: none;
}

html.wcz-dark-mode .wcz-about-team-live .wcz-about-team-social a:hover {
	background: var(--wcz-primary, #00c2e5);
	border-color: var(--wcz-primary, #00c2e5);
	color: #ffffff;
}

html.wcz-dark-mode .wcz-about-team-photo-wrap {
	background: linear-gradient(160deg, #0b1220 0%, #111827 45%, #0f172a 100%);
}

html.wcz-dark-mode .wcz-about-team-quote {
	background: rgba(8, 12, 22, 0.92);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}

html.wcz-dark-mode .wcz-about-live-text,
html.wcz-dark-mode .wcz-about-group-text {
	color: var(--wcz-text-muted) !important;
}

html.wcz-dark-mode .wcz-about-cta-live,
html.wcz-dark-mode .wcz-about-cta-strip.wcz-about-live-block {
	background-color: #0a1018 !important;
}

html.wcz-dark-mode .wcz-about-cta-live .wcz-about-cta-strip-inner h2,
html.wcz-dark-mode .wcz-about-cta-strip .wcz-about-cta-strip-inner h2 {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-about-cta-live .wcz-about-cta-strip-inner p,
html.wcz-dark-mode .wcz-about-cta-strip .wcz-about-cta-strip-inner p {
	color: rgba(255, 255, 255, 0.78) !important;
}

html.wcz-dark-mode .wcz-quote-live-page .wcz-main,
html.wcz-dark-mode .wcz-quote-live {
	background:
		radial-gradient(ellipse 70% 50% at 10% 20%, rgba(0, 194, 229, 0.08), transparent 55%),
		radial-gradient(ellipse 50% 40% at 90% 80%, rgba(37, 99, 235, 0.06), transparent 50%),
		#080c16 !important;
}

html.wcz-dark-mode .wcz-quote-live-form-wrap {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

html.wcz-dark-mode .wcz-quote-live-title,
html.wcz-dark-mode .wcz-quote-live-panel-title {
	color: #ffffff !important;
}

html.wcz-dark-mode body.page-template-page-services-php .wcz-section,
html.wcz-dark-mode body.page-template-page-services .wcz-section,
html.wcz-dark-mode .wcz-services-hub-card,
html.wcz-dark-mode .wcz-services-intro-panel {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-services-hub-card,
html.wcz-dark-mode .wcz-service-hub-item {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-pricing-live,
html.wcz-dark-mode .wcz-pricing-ecommerce-section {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-pricing-live-head,
html.wcz-dark-mode .wcz-pricing-live-foot {
	background: var(--wcz-bg-elevated) !important;
}

html.wcz-dark-mode .wcz-legal-page-head,
html.wcz-dark-mode .wcz-legal-page-main,
html.wcz-dark-mode .wcz-page-main,
html.wcz-dark-mode .wcz-content {
	background: var(--wcz-bg) !important;
	color: var(--wcz-text);
}

html.wcz-dark-mode .wcz-legal-prose h2,
html.wcz-dark-mode .wcz-legal-prose h3,
html.wcz-dark-mode .wcz-legal-page-title {
	color: var(--wcz-text-heading);
}

html.wcz-dark-mode .wcz-legal-prose p,
html.wcz-dark-mode .wcz-legal-prose li {
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-account-page,
html.wcz-dark-mode .wcz-account-dashboard {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-account-card,
html.wcz-dark-mode .wcz-account-woocommerce .woocommerce-MyAccount-content {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

/* --------------------------------------------------------------------------
   Page content / blog / misc
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-page-hero,
html.wcz-dark-mode .wcz-content-layout,
html.wcz-dark-mode .wcz-reviews-live-summary,
html.wcz-dark-mode .wcz-portfolio-filters,
html.wcz-dark-mode .wcz-filter-bar {
	background: transparent;
}

html.wcz-dark-mode .wcz-portfolio-card,
html.wcz-dark-mode .wcz-review-card,
html.wcz-dark-mode .wcz-review-form-panel {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-empty-state,
html.wcz-dark-mode .wcz-form-empty {
	background: var(--wcz-bg-card) !important;
	color: var(--wcz-text-muted);
}

html.wcz-dark-mode .wcz-btn-outline,
html.wcz-dark-mode .wcz-btn-ghost {
	border-color: rgba(0, 194, 229, 0.45);
	color: var(--wcz-primary, #00c2e5);
}

html.wcz-dark-mode .wcz-btn-ghost-light {
	border-color: rgba(255, 255, 255, 0.35);
	color: #fff;
}

/* Footer stays dark — minor tune */
html.wcz-dark-mode .wcz-footer-live {
	--wcz-footer-live-bg: #06274e;
}


/* --------------------------------------------------------------------------
   Unified buttons — site-wide dark mode
   -------------------------------------------------------------------------- */
html.wcz-dark-mode .wcz-btn-primary,
html.wcz-dark-mode .wcz-home-cta-btn--primary,
html.wcz-dark-mode .wcz-btn-hero-quote-send,
html.wcz-dark-mode .wcz-btn-quote-send,
html.wcz-dark-mode .wcz-btn-contact-send,
html.wcz-dark-mode .wcz-cf7-wrap input.wpcf7-submit {
	background: var(--wcz-btn-primary-bg) !important;
	color: var(--wcz-btn-primary-color) !important;
	border: none !important;
	box-shadow: none !important;
}

html.wcz-dark-mode .wcz-quote-live .wcz-btn-quote-send,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap input.wpcf7-submit,
html.wcz-dark-mode .wcz-contact-page .wcz-btn-contact-send,
html.wcz-dark-mode .wcz-contact-page .wcz-cf7-wrap input.wpcf7-submit {
	background-color: transparent !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"),
		linear-gradient(90deg, #00c2e5 0%, #0099b8 100%) !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: 14px center, center !important;
	background-size: 14px, 100% 100% !important;
	color: #fff !important;
	box-shadow: none !important;
	padding: 10px 16px 10px 36px !important;
	border-radius: 0 !important;
	font-size: 0.75rem !important;
}

html.wcz-dark-mode .wcz-btn-secondary,
html.wcz-dark-mode .wcz-btn-outline,
html.wcz-dark-mode .wcz-btn-hero-outline {
	background: var(--wcz-btn-secondary-bg) !important;
	color: var(--wcz-btn-secondary-color) !important;
	border-color: var(--wcz-btn-secondary-border) !important;
}

/* Services premium + homepage hero split cards */
html.wcz-dark-mode .wcz-services-featured-strip {
	background:
		linear-gradient(
			105deg,
			rgba(4, 6, 12, 0.78) 0%,
			rgba(6, 10, 18, 0.62) 50%,
			rgba(4, 8, 16, 0.72) 100%
		),
		center / cover no-repeat url("../images/pages/hero-home-bg.jpg") !important;
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.wcz-dark-mode .wcz-services-premium-intro,
html.wcz-dark-mode .wcz-services-premium-grid-section,
html.wcz-dark-mode .wcz-services-process,
html.wcz-dark-mode .wcz-services-choice,
html.wcz-dark-mode .wcz-services-google-suite {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-services-premium-stats div {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
}

html.wcz-dark-mode .wcz-services-premium-stats strong {
	color: #00c2e5 !important;
}

html.wcz-dark-mode .wcz-services-premium-stats span {
	color: #93a0b4 !important;
}

html.wcz-dark-mode .wcz-services-premium-card,
html.wcz-dark-mode .wcz-services-google-card,
html.wcz-dark-mode .wcz-services-process-step,
html.wcz-dark-mode .wcz-services-choice-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
	color: var(--wcz-text) !important;
}

html.wcz-dark-mode .wcz-services-premium-card h3,
html.wcz-dark-mode .wcz-services-google-card h3,
html.wcz-dark-mode .wcz-services-process-step h3,
html.wcz-dark-mode .wcz-services-choice-card h2,
html.wcz-dark-mode .wcz-services-google-head h2 {
	color: var(--wcz-text-heading) !important;
}

html.wcz-dark-mode .wcz-services-premium-card p,
html.wcz-dark-mode .wcz-services-google-card p,
html.wcz-dark-mode .wcz-services-process-step p,
html.wcz-dark-mode .wcz-services-choice-card p,
html.wcz-dark-mode .wcz-services-google-head p,
html.wcz-dark-mode .wcz-services-premium-lede p {
	color: var(--wcz-text-muted) !important;
}

html.wcz-dark-mode .wcz-premium-services,
html.wcz-dark-mode .wcz-home-services {
	background: var(--wcz-bg) !important;
}

html.wcz-dark-mode .wcz-home-services .wcz-services-premium-card,
html.wcz-dark-mode .wcz-premium-service-card {
	background: var(--wcz-bg-card) !important;
	border-color: var(--wcz-border) !important;
}

html.wcz-dark-mode .wcz-hero-split--dark .wcz-hero-quote-card {
	background: rgba(8, 12, 22, 0.45) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

html.wcz-dark-mode .wcz-hero-split--dark .wcz-hero-pillar {
	background: rgba(8, 18, 32, 0.45) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

html.wcz-dark-mode .wcz-hero-split--dark .wcz-hero-pillar:hover,
html.wcz-dark-mode .wcz-hero-split--dark .wcz-hero-pillar:focus-visible {
	background: rgba(0, 194, 229, 0.1) !important;
	border-color: rgba(0, 194, 229, 0.5) !important;
}

html.wcz-dark-mode .wcz-faq-answer p {
	background: rgb(0 0 0 / 45%) !important;
	color: var(--wcz-text-muted) !important;
}

html.wcz-dark-mode .inner-page-banner {
	background: #0a1018;
}

html.wcz-dark-mode .inner-page-banner__img {
	object-fit: cover;
	object-position: center 42%;
	filter: brightness(0.92) contrast(1.05) saturate(0.9);
}

html.wcz-dark-mode .inner-page-banner__overlay {
	background:
		linear-gradient(
			105deg,
			rgba(4, 6, 12, 0.72) 0%,
			rgba(6, 10, 18, 0.52) 42%,
			rgba(4, 8, 16, 0.58) 100%
		),
		radial-gradient(ellipse 70% 55% at 68% 48%, rgba(0, 194, 229, 0.05) 0%, transparent 65%);
}

html.wcz-dark-mode .wcz-page-hero-banner {
	background: #0a1018 !important;
}

html.wcz-dark-mode .wcz-page-hero-banner-photo {
	object-fit: cover !important;
	object-position: center 42% !important;
	filter: brightness(0.92) contrast(1.05) saturate(0.9) !important;
}

/* Sticky bottom CTA — dark surface */
html.wcz-dark-mode .wcz-sticky-cta {
	background: rgba(8, 12, 22, 0.96);
	border-top-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
}

html.wcz-dark-mode .wcz-sticky-cta-text {
	color: #f1f5f9;
}

html.wcz-dark-mode .wcz-sticky-cta-text span {
	color: #93a0b4;
}

html.wcz-dark-mode .wcz-sticky-cta .wcz-btn-outline {
	background: rgba(255, 255, 255, 0.06);
	color: #f1f5f9;
	border-color: rgba(255, 255, 255, 0.2);
}

html.wcz-dark-mode .wcz-sticky-cta .wcz-btn-outline:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(0, 194, 229, 0.45);
	color: #ffffff;
}

/* ==========================================================================
   Project-wide: light glass / white panels → dark surface
   ========================================================================== */
html.wcz-dark-mode .wcz-services-premium-stats div,
html.wcz-dark-mode .wcz-services-premium-kicker span,
html.wcz-dark-mode .wcz-services-google-badge,
html.wcz-dark-mode .wcz-process-icons-item,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-item,
html.wcz-dark-mode .wcz-stat-item,
html.wcz-dark-mode .wcz-stats-animated .wcz-stat-item,
html.wcz-dark-mode .wcz-form-empty,
html.wcz-dark-mode .wcz-empty-state,
html.wcz-dark-mode .wcz-service-card,
html.wcz-dark-mode .wcz-quick-card,
html.wcz-dark-mode .wcz-feature-showcase,
html.wcz-dark-mode .wcz-testimonial-card,
html.wcz-dark-mode .wcz-spec-card,
html.wcz-dark-mode .wcz-pricing-card,
html.wcz-dark-mode .wcz-pricing-live-card,
html.wcz-dark-mode .wcz-pricing-ecom-card,
html.wcz-dark-mode .wcz-bento-item,
html.wcz-dark-mode .wcz-core-card,
html.wcz-dark-mode .wcz-services-premium-card,
html.wcz-dark-mode .wcz-services-google-card,
html.wcz-dark-mode .wcz-services-process-step,
html.wcz-dark-mode .wcz-services-choice-card,
html.wcz-dark-mode .wcz-premium-service-card,
html.wcz-dark-mode .wcz-home-services .wcz-services-premium-card,
html.wcz-dark-mode .wcz-home-process-step,
html.wcz-dark-mode .wcz-home-why-card,
html.wcz-dark-mode .wcz-home-cta-card,
html.wcz-dark-mode .wcz-footer-cta-badge,
html.wcz-dark-mode .wcz-footer-cta-stat,
html.wcz-dark-mode .wcz-faq-item,
html.wcz-dark-mode .wcz-service-live-card,
html.wcz-dark-mode .wcz-service-live-process-step,
html.wcz-dark-mode .wcz-service-live-offer-card,
html.wcz-dark-mode .wcz-service-live-faq-item,
html.wcz-dark-mode .wcz-google-feature-card,
html.wcz-dark-mode .wcz-google-suite-card,
html.wcz-dark-mode .wcz-smm-feature-card,
html.wcz-dark-mode .wcz-contact-channel-card,
html.wcz-dark-mode .wcz-contact-help-card,
html.wcz-dark-mode .wcz-about-group-card,
html.wcz-dark-mode .wcz-services-hub-card,
html.wcz-dark-mode .wcz-account-card,
html.wcz-dark-mode .wcz-portfolio-card,
html.wcz-dark-mode .wcz-review-card,
html.wcz-dark-mode .wcz-cta-creative,
html.wcz-dark-mode .wcz-cta-inner {
	background: var(--wcz-surface-panel, rgba(8, 12, 22, 0.96)) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html.wcz-dark-mode .wcz-services-premium-stats span,
html.wcz-dark-mode .wcz-stat-item span,
html.wcz-dark-mode .wcz-footer-cta-stat span {
	color: #93a0b4 !important;
}

html.wcz-dark-mode .wcz-services-premium-kicker span,
html.wcz-dark-mode .wcz-services-google-badge {
	color: #00c2e5 !important;
}

html.wcz-dark-mode .wcz-services-premium-stats strong,
html.wcz-dark-mode .wcz-stat-item strong,
html.wcz-dark-mode .wcz-footer-cta-stat strong {
	color: #00c2e5 !important;
}

/* ==========================================================================
   FULL PROJECT — final dark surface lock (sections + cards + forms)
   ========================================================================== */
html.wcz-dark-mode .wcz-main,
html.wcz-dark-mode .wcz-section,
html.wcz-dark-mode .wcz-section-premium,
html.wcz-dark-mode .wcz-home-about,
html.wcz-dark-mode .wcz-home-process,
html.wcz-dark-mode .wcz-home-testimonials,
html.wcz-dark-mode .wcz-home-faq,
html.wcz-dark-mode .wcz-home-why,
html.wcz-dark-mode .wcz-premium-services,
html.wcz-dark-mode .wcz-home-services,
html.wcz-dark-mode .wcz-stats,
html.wcz-dark-mode .wcz-faq-section,
html.wcz-dark-mode .wcz-portfolio-section,
html.wcz-dark-mode .wcz-works-section,
html.wcz-dark-mode .wcz-legal-page-main,
html.wcz-dark-mode .wcz-about-live-block,
html.wcz-dark-mode .wcz-about-groups,
html.wcz-dark-mode .wcz-services-premium-intro,
html.wcz-dark-mode .wcz-services-premium-grid-section,
html.wcz-dark-mode .wcz-services-process,
html.wcz-dark-mode .wcz-services-choice,
html.wcz-dark-mode .wcz-services-google-suite,
html.wcz-dark-mode .wcz-service-live-intro,
html.wcz-dark-mode .wcz-service-live-includes,
html.wcz-dark-mode .wcz-service-live-cards,
html.wcz-dark-mode .wcz-service-live-cards--icon,
html.wcz-dark-mode .wcz-service-live-block,
html.wcz-dark-mode .wcz-service-live-block--split,
html.wcz-dark-mode .wcz-service-live-block--split-points,
html.wcz-dark-mode .wcz-service-live-faq,
html.wcz-dark-mode .wcz-service-live-why--creative,
html.wcz-dark-mode .wcz-service-live-pricing--live,
html.wcz-dark-mode .wcz-service-live-pricing--ecommerce,
html.wcz-dark-mode .wcz-process-icons,
html.wcz-dark-mode .wcz-process-timeline,
html.wcz-dark-mode .wcz-process-rail,
html.wcz-dark-mode .wcz-page-smm-live .wcz-service-live-cards--icon,
html.wcz-dark-mode .wcz-page-smm-live .wcz-service-live-block--split,
html.wcz-dark-mode .wcz-page-smm-live .wcz-service-live-block--split-points,
html.wcz-dark-mode .wcz-page-smm-live .wcz-process-icons,
html.wcz-dark-mode .wcz-pricing-live,
html.wcz-dark-mode .wcz-pricing-ecommerce-section,
html.wcz-dark-mode .wcz-reviews-live-grid-wrap,
html.wcz-dark-mode .wcz-contact-live-box,
html.wcz-dark-mode .wcz-account-live-box {
	background: var(--wcz-bg, #070b14) !important;
}

html.wcz-dark-mode .wcz-home-about-highlight,
html.wcz-dark-mode .wcz-service-live-intro--centered,
html.wcz-dark-mode .wcz-service-live-block.is-alt,
html.wcz-dark-mode .wcz-service-live-cta:not(.wcz-service-live-cta--parallax),
html.wcz-dark-mode .wcz-quick-contact {
	background: var(--wcz-bg-elevated, #0c1220) !important;
}

html.wcz-dark-mode .wcz-trust-bar,
html.wcz-dark-mode .wcz-home-static .wcz-trust-bar,
html.wcz-dark-mode .wcz-process-icons-item,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-item,
html.wcz-dark-mode .wcz-service-live-card,
html.wcz-dark-mode .wcz-service-live-cards--icon .wcz-service-live-card,
html.wcz-dark-mode .wcz-service-live-process-step,
html.wcz-dark-mode .wcz-service-live-include,
html.wcz-dark-mode .wcz-service-live-point,
html.wcz-dark-mode .wcz-service-live-why-item,
html.wcz-dark-mode .wcz-service-live-offer-card,
html.wcz-dark-mode .wcz-service-live-faq-item,
html.wcz-dark-mode .wcz-service-live-cta-inner,
html.wcz-dark-mode .wcz-process-rail-mobile-card,
html.wcz-dark-mode .wcz-process-timeline-node,
html.wcz-dark-mode .wcz-process-rail-node.is-outline,
html.wcz-dark-mode .wcz-services-premium-card,
html.wcz-dark-mode .wcz-services-google-card,
html.wcz-dark-mode .wcz-services-process-step,
html.wcz-dark-mode .wcz-services-choice-card,
html.wcz-dark-mode .wcz-services-premium-stats div,
html.wcz-dark-mode .wcz-services-premium-kicker span,
html.wcz-dark-mode .wcz-services-google-badge,
html.wcz-dark-mode .wcz-premium-service-card,
html.wcz-dark-mode .wcz-home-process-step,
html.wcz-dark-mode .wcz-home-why-card,
html.wcz-dark-mode .wcz-home-cta-card,
html.wcz-dark-mode .wcz-home-about-highlight,
html.wcz-dark-mode .wcz-stat-item,
html.wcz-dark-mode .wcz-faq-item,
html.wcz-dark-mode .wcz-service-card,
html.wcz-dark-mode .wcz-quick-card,
html.wcz-dark-mode .wcz-pricing-card,
html.wcz-dark-mode .wcz-pricing-live-card,
html.wcz-dark-mode .wcz-pricing-ecom-card,
html.wcz-dark-mode .wcz-pricing-live-btn,
html.wcz-dark-mode .wcz-pricing-ecom-btn,
html.wcz-dark-mode .wcz-testimonial-card,
html.wcz-dark-mode .wcz-feature-showcase,
html.wcz-dark-mode .wcz-spec-card,
html.wcz-dark-mode .wcz-bento-item,
html.wcz-dark-mode .wcz-core-card,
html.wcz-dark-mode .wcz-about-group-card,
html.wcz-dark-mode .wcz-contact-channel-card,
html.wcz-dark-mode .wcz-contact-help-card,
html.wcz-dark-mode .wcz-contact-form-wrap,
html.wcz-dark-mode .wcz-contact-services-tag,
html.wcz-dark-mode .wcz-account-card,
html.wcz-dark-mode .wcz-account-detail-item,
html.wcz-dark-mode .wcz-account-nav a,
html.wcz-dark-mode .wcz-portfolio-card,
html.wcz-dark-mode .wcz-review-card,
html.wcz-dark-mode .wcz-review-modal-dialog,
html.wcz-dark-mode .wcz-lightbox-dialog,
html.wcz-dark-mode .wcz-services-hub-card,
html.wcz-dark-mode .wcz-google-feature-card,
html.wcz-dark-mode .wcz-google-suite-card,
html.wcz-dark-mode .wcz-smm-feature-card,
html.wcz-dark-mode .wcz-footer-cta-badge,
html.wcz-dark-mode .wcz-footer-cta-stat,
html.wcz-dark-mode .wcz-form-empty,
html.wcz-dark-mode .wcz-empty-state,
html.wcz-dark-mode .wcz-cta-creative,
html.wcz-dark-mode .wcz-cta-inner,
html.wcz-dark-mode .wcz-dropdown-menu,
html.wcz-dark-mode .wcz-sub-menu,
html.wcz-dark-mode .wcz-nav.is-open,
html.wcz-dark-mode .wcz-header-search-panel,
html.wcz-dark-mode .wcz-works-nav button,
html.wcz-dark-mode .wcz-works-item,
html.wcz-dark-mode .wcz-home-static .wcz-tech-chip,
html.wcz-dark-mode .wcz-tech-chip,
html.wcz-dark-mode .wcz-service-tag,
html.wcz-dark-mode .wcz-portfolio-filter button,
html.wcz-dark-mode .wcz-portfolio-filter select {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	color: var(--wcz-text, #c8d0dc);
}

html.wcz-dark-mode .wcz-service-live-intro--centered .wcz-service-live-text p {
	background:
		linear-gradient(135deg, rgba(8, 12, 22, 0.96), rgba(12, 18, 32, 0.92)),
		radial-gradient(circle at 12% 12%, rgba(0, 194, 229, 0.1), transparent 34%) !important;
	border-color: rgba(0, 194, 229, 0.28) !important;
	color: #c8d0dc !important;
}

html.wcz-dark-mode .wcz-cf7-wrap input.wpcf7-form-control:not([type="submit"]),
html.wcz-dark-mode .wcz-cf7-wrap select.wpcf7-form-control,
html.wcz-dark-mode .wcz-cf7-wrap textarea.wpcf7-form-control,
html.wcz-dark-mode .wcz-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
html.wcz-dark-mode .wcz-form select,
html.wcz-dark-mode .wcz-form textarea,
html.wcz-dark-mode .wcz-contact-input,
html.wcz-dark-mode .wcz-account-input,
html.wcz-dark-mode .wcz-header-search-input,
html.wcz-dark-mode .wcz-review-modal-dialog input,
html.wcz-dark-mode .wcz-review-modal-dialog textarea {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: #f1f5f9 !important;
	-webkit-text-fill-color: #f1f5f9 !important;
}

html.wcz-dark-mode .wcz-cf7-wrap input::placeholder,
html.wcz-dark-mode .wcz-cf7-wrap textarea::placeholder,
html.wcz-dark-mode .wcz-form input::placeholder,
html.wcz-dark-mode .wcz-form textarea::placeholder,
html.wcz-dark-mode .wcz-header-search-input::placeholder {
	color: #6b778c !important;
}

html.wcz-dark-mode .wcz-process-icons-item h3,
html.wcz-dark-mode .wcz-service-live-card h3,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-head h3,
html.wcz-dark-mode .wcz-services-premium-card h3,
html.wcz-dark-mode .wcz-home-process-step h3,
html.wcz-dark-mode .wcz-home-why-card h3,
html.wcz-dark-mode .wcz-faq-question,
html.wcz-dark-mode .wcz-about-group-card h3,
html.wcz-dark-mode .wcz-nav.is-open .wcz-nav-list > li > a {
	color: #ffffff !important;
}

html.wcz-dark-mode .wcz-process-icons-item p,
html.wcz-dark-mode .wcz-service-live-card p,
html.wcz-dark-mode .wcz-service-live-why--creative .wcz-service-live-why-item > p,
html.wcz-dark-mode .wcz-services-premium-card p,
html.wcz-dark-mode .wcz-home-process-step p,
html.wcz-dark-mode .wcz-home-why-card p,
html.wcz-dark-mode .wcz-faq-answer p {
	color: #93a0b4 !important;
}

html.wcz-dark-mode .wcz-btn-outline {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	color: #f1f5f9 !important;
}

html.wcz-dark-mode .wcz-btn-outline:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(0, 194, 229, 0.45) !important;
	color: #ffffff !important;
}

/* Quote form — card fields matching redesign */
html.wcz-dark-mode .wcz-quote-live-shell {
	background: rgba(12, 18, 32, 0.96) !important;
	border-color: rgba(0, 194, 229, 0.18) !important;
	box-shadow: 0 28px 64px rgba(0, 0, 0, 0.45) !important;
}

html.wcz-dark-mode .wcz-quote-live-panel {
	background: rgba(8, 12, 22, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.06) !important;
}

html.wcz-dark-mode .wcz-quote-live .wcz-quote-input,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap select.wpcf7-form-control,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap textarea.wpcf7-form-control {
	background-color: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0 !important;
	box-shadow: inset 3px 0 0 #00c2e5 !important;
	padding: 10px 12px 10px 36px !important;
	color: #f1f5f9 !important;
	-webkit-text-fill-color: #f1f5f9 !important;
	caret-color: #00c2e5;
	background-position: 10px center !important;
	background-size: 16px !important;
}

html.wcz-dark-mode .wcz-quote-live .wcz-quote-input:focus,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap select.wpcf7-form-control:focus,
html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap textarea.wpcf7-form-control:focus {
	outline: none !important;
	background-color: rgba(0, 194, 229, 0.06) !important;
	border: 1px solid rgba(0, 194, 229, 0.5) !important;
	box-shadow:
		inset 3px 0 0 #00c2e5,
		0 8px 20px rgba(0, 194, 229, 0.15) !important;
}

html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap select.wpcf7-form-control {
	appearance: none;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 10px !important;
	padding-right: 32px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300c2e5' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
	background-color: rgba(255, 255, 255, 0.04) !important;
	color-scheme: dark;
}

html.wcz-dark-mode .wcz-quote-live .wcz-cf7-wrap select.wpcf7-form-control option {
	background-color: #0b1220;
	color: #f1f5f9;
}

html.wcz-dark-mode .wcz-quote-live .wcz-quote-field--source select.wpcf7-form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300c2e5' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
}