/**
 * Salient Theme Toggle - Dark/Light Mode
 * Button styles and dark mode overrides
 */

/* === Smooth Transitions for Header Colors === */
#header-outer,
#header-outer nav > ul > li > a,
#header-outer .sf-menu > li > a,
#header-outer .sf-menu > li > a i,
#header-secondary-outer,
#header-secondary-outer nav > ul > li > a,
#header-outer .sf-menu ul li,
#header-outer .sf-menu ul li a,
#header-outer .megamenu,
#header-outer .megamenu ul li a,
#header-outer .megamenu .menu-item-desc,
#header-outer .sf-menu ul li .menu-item-desc,
#header-outer .megamenu > li > a,
#header-outer .megamenu .menu-title {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* === Toggle Button === */
.theme-toggle-wrap {
	list-style: none;
	margin: 0;
	padding: 0;
}

.theme-toggle-wrap .theme-toggle-btn,
.theme-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 8px;
	border: none;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.05);
	color: inherit;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.theme-toggle-btn:hover {
	background: rgba(0, 0, 0, 0.1);
}

.theme-toggle-btn:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.theme-toggle-btn .theme-toggle-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.theme-toggle-btn .theme-icon-moon {
	display: none;
}

html.theme-dark .theme-toggle-btn .theme-icon-sun {
	display: none;
}

html.theme-dark .theme-toggle-btn .theme-icon-moon {
	display: inline-flex;
}

/* Header-specific: match Salient button styling */
#header-outer .theme-toggle-wrap,
#header-outer ul.buttons .theme-toggle-wrap {
	display: inline-flex;
	align-items: center;
}

#header-outer .theme-toggle-btn {
	background: transparent;
}

#header-outer[data-format="centered-menu"] .theme-toggle-btn,
#header-outer[data-format="centered-menu-bottom-bar"] .theme-toggle-btn {
	color: inherit;
}

/* Mobile */
.theme-toggle-mobile {
	display: inline-flex;
	padding: 0 10px;
}

.theme-toggle-ocm {
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* === Dark Mode Overrides === */
html.theme-light {
	color-scheme: light;
}

html.theme-dark {
	color-scheme: dark;
}

/* html.theme-dark body,
html.theme-dark #ajax-content-wrap,
html.theme-dark .main-content {
	background:
		radial-gradient(1100px 600px at 85% -10%, rgba(69, 184, 234, 0.18), transparent 60%),
		radial-gradient(900px 540px at -5% 5%, rgba(69, 184, 234, 0.10), transparent 58%),
		#0c1126 !important;
	color: #e2e8f0 !important;
} */

html.theme-light body,
html.theme-light #ajax-content-wrap,
html.theme-light .main-content {
	background:
		radial-gradient(1200px 700px at 90% -10%, rgba(4, 159, 216, 0.05), transparent 65%),
		radial-gradient(900px 540px at -5% 5%, rgba(4, 159, 216, 0.03), transparent 60%),
		#f7f8fc !important;
}

html.theme-dark body a {
	color: #93c5fd;
}

html.theme-dark body a:hover {
	color: #bfdbfe;
}

/* Header */
/* Header dark mode colors now controlled by theme options */
/* See: Salient > Header Navigation > Color Scheme > Dark Mode Colors */

/* Footer */
html.theme-dark #footer-outer {
	background-color: #0f172a !important;
	border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html.theme-dark #footer-outer,
html.theme-dark #footer-outer a,
html.theme-dark #copyright {
	color: #94a3b8 !important;
}

html.theme-dark #footer-outer a:hover {
	color: #e2e8f0 !important;
}

/* Page content areas */
html.theme-dark .nectar-box-roll .overlaid-content,
html.theme-dark .post .content-inner,
html.theme-dark .wpb_text_column,
html.theme-dark .vc_column-inner {
	color: #e2e8f0 !important;
}

html.theme-dark .post .content-inner h1,
html.theme-dark .post .content-inner h2,
html.theme-dark .post .content-inner h3,
html.theme-dark .wpb_text_column h1,
html.theme-dark .wpb_text_column h2,
html.theme-dark .wpb_text_column h3 {
	color: #f8fafc !important;
}

/* Cards, sections, boxes */
html.theme-dark .nectar-fancy-box,
html.theme-dark .wpb_wrapper .wpb_text_column,
html.theme-dark .vc_column_container .vc_column-inner {
	background-color: transparent !important;
}

/* WPBakery Row: Dark Mode – default color for .row-bg.viewport-desktop.using-bg-color (override inline background-color) */
html.theme-dark .row-bg-wrap .row-bg.viewport-desktop.using-bg-color,
html.theme-dark .row-bg-wrap .row-bg.viewport-tablet.using-bg-color,
html.theme-dark .row-bg-wrap .row-bg.viewport-phone.using-bg-color {
	background-color: #1e293b !important;
}

/* WPBakery Row: Custom Dark Mode Background Color (Row Settings > Background) overrides default */
html.theme-dark .row-has-dark-bg {
	background-color: var(--row-bg-dark) !important;
}
html.theme-dark .row-has-dark-bg .row-bg-wrap,
html.theme-dark .row-has-dark-bg .row-bg-wrap .inner-wrap.row-bg-layer {
	background-color: var(--row-bg-dark) !important;
}
html.theme-dark .row-has-dark-bg .row-bg-wrap .row-bg,
html.theme-dark .row-has-dark-bg .row-bg-wrap .row-bg.viewport-desktop.using-bg-color,
html.theme-dark .row-has-dark-bg .row-bg-wrap .row-bg.viewport-tablet.using-bg-color,
html.theme-dark .row-has-dark-bg .row-bg-wrap .row-bg.viewport-phone.using-bg-color {
	background-color: var(--row-bg-dark) !important;
}

/* Toggles (from child theme) */
html.theme-dark body .toggles[data-style="minimal"] .toggle.default {
	background-color: #1e293b !important;
	border-color: #334155 !important;
}

html.theme-dark body .toggles[data-style="minimal"] .toggle > .toggle-title a {
	color: #e2e8f0 !important;
}

html.theme-dark body .toggles[data-style="minimal"] .toggle.default.open {
	border-color: #3b82f6 !important;
}

/* Tables – exclude AI Leaders (has its own dark mode) */
html.theme-dark .main-content table:not(.ai-leaders-lb-table),
html.theme-dark .ai-modal-container {
	background-color: #1e293b !important;
	color: #e2e8f0 !important;
	border-color: #334155 !important;
}

html.theme-dark .main-content table:not(.ai-leaders-lb-table) th,
html.theme-dark .main-content table:not(.ai-leaders-lb-table) td,
html.theme-dark .ai-modal-container th,
html.theme-dark .ai-modal-container td {
	border-color: #334155 !important;
}

html.theme-dark .ai-modal-container td {
	border-top-color: #334155 !important;
}

html.theme-dark .ai-modal-container th {
	background-color: #2563eb !important;
	border-color: #1e40af !important;
}

/* Search box */
html.theme-dark #searchbox-outer,
html.theme-dark #searchbox-inner {
	background-color: #1e293b !important;
}

/* Mobile menu / OCM */
html.theme-dark #mobile-menu .inner,
html.theme-dark .fullscreen-menu-wrap,
html.theme-dark #slide-out-widget-area {
	background-color: #0f172a !important;
	color: #e2e8f0 !important;
}

/* ===== Plugin Dark Mode: theme-dark class (syncs with manual toggle) ===== */

/* AI Strategy WPBakery Addon */


html.theme-dark .ai-strategy-bg-grid {
	background-image: radial-gradient(#fff 1px, transparent 1px) !important;
}

html.theme-dark .ai-strategy-badge {
	background-color: #1e293b !important;
	border-color: #334155 !important;
	color: #cbd5e1 !important;
}

html.theme-dark .ai-strategy-title {
	color: #ffffff !important;
}

html.theme-dark .ai-strategy-description {
	color: #94a3b8 !important;
}

html.theme-dark .ai-strategy-card {
	background-color: #1e293b !important;
	border-color: #334155 !important;
}

html.theme-dark .ai-strategy-card:hover {
	border-color: #1d4ed8 !important;
}

html.theme-dark .ai-strategy-card-title {
	color: #ffffff !important;
}

html.theme-dark .ai-strategy-card-description {
	color: #cbd5e1 !important;
}

html.theme-dark .ai-strategy-card-divider {
	background-color: #334155 !important;
}

html.theme-dark .ai-strategy-card-section-title {
	color: #64748b !important;
}

html.theme-dark .ai-strategy-card-list-item {
	color: #e2e8f0 !important;
}

html.theme-dark .ai-strategy-card-check-icon {
	background-color: #334155 !important;
}

html.theme-dark .ai-strategy-card-check-icon svg {
	color: #cbd5e1 !important;
}

html.theme-dark .ai-strategy-card-tag {
	background-color: rgba(51, 65, 85, 0.5) !important;
	color: #e2e8f0 !important;
	border-color: #475569 !important;
}

html.theme-dark .ai-strategy-card-tag:hover {
	border-color: #64748b !important;
}

html.theme-dark .ai-strategy-card-audience-item {
	color: #cbd5e1 !important;
}

html.theme-dark .ai-strategy-card-audience-item svg {
	color: #64748b !important;
}

/* Hero WPBakery Addon — tokens handled in hero-wpbakery-addon.css */
html.theme-dark .hero-section {
	background-color: transparent !important;
}

/* AI Leaders WPBakery Addon – table dark mode */
html.theme-dark .ai-leaders-lb-table-wrap {
	background-color: #0f172a !important;
	border: 1px solid #1e293b !important;
	border-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-table-wrap table.ai-leaders-lb-table {
	background-color: #0f172a !important;
	border-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-table thead tr {
	background-color: rgba(30, 41, 59, 0.6) !important;
	border-bottom: 1px solid #1e293b !important;
	border-bottom-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-table th {
	color: #94a3b8 !important;
	border-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-table tbody tr {
	background-color: #0f172a !important;
	border-bottom: 1px solid #1e293b !important;
	border-bottom-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-table tbody tr:hover {
	background-color: rgba(30, 41, 59, 0.5) !important;
}
html.theme-dark .ai-leaders-lb-table td {
	color: #e2e8f0 !important;
	border-color: #1e293b !important;
}
html.theme-dark .ai-leaders-lb-loading td {
	color: #94a3b8 !important;
}
html.theme-dark .ai-leaders-lb-controls-inner {
	border: 1px solid #1e293b !important;
}
html.theme-dark .ai-leaders-lb-stat {
	border: 1px solid #1e293b !important;
}
html.theme-dark .ai-leaders-lb-search {
	border: 1px solid #334155 !important;
}
html.theme-dark .ai-leaders-lb-select {
	border: 1px solid #334155 !important;
}
html.theme-dark .ai-leaders-lb-empty {
	border: 1px solid #1e293b !important;
}
html.theme-dark .ai-leaders-lb-load-more {
	border: 1px solid #1e293b !important;
}

/* AI Use Case Request WPBakery Addon */
html.theme-dark .ai-use-case-request {
	background-color: #020617 !important;
}
html.theme-dark .ai-ucr-guidelines {
	background-color: #0f172a !important;
}
html.theme-dark .ai-ucr-timeline-line {
	background-color: #1e293b !important;
}
html.theme-dark .ai-ucr-timeline-connector {
	background-color: #1e293b !important;
}
html.theme-dark .ai-ucr-timeline-step:hover .ai-ucr-timeline-connector {
	background-color: #2563eb !important;
}
html.theme-dark .ai-ucr-step-label {
	color: #64748b !important;
}
html.theme-dark .ai-ucr-step-title {
	color: #ffffff !important;
}
html.theme-dark .ai-ucr-timeline-step:hover .ai-ucr-step-title {
	color: #60a5fa !important;
}
html.theme-dark .ai-ucr-step-desc {
	color: #94a3b8 !important;
}
html.theme-dark .ai-ucr-step-number-bg {
	color: #334155 !important;
}
html.theme-dark .ai-ucr-timeline-icon-wrap {
	border-color: #1e293b !important;
}
html.theme-dark .ai-ucr-color-blue {
	color: #60a5fa !important;
	background-color: rgba(37, 99, 235, 0.2) !important;
	border-color: #1e3a8a !important;
}
html.theme-dark .ai-ucr-color-amber {
	color: #f59e0b !important;
	background-color: rgba(217, 119, 6, 0.2) !important;
	border-color: #92400e !important;
}
html.theme-dark .ai-ucr-color-indigo {
	color: #818cf8 !important;
	background-color: rgba(79, 70, 229, 0.2) !important;
	border-color: #3730a3 !important;
}
html.theme-dark .ai-ucr-color-rose {
	color: #f87171 !important;
	background-color: rgba(220, 38, 38, 0.2) !important;
	border-color: #991b1b !important;
}
html.theme-dark .ai-ucr-color-emerald {
	color: #34d399 !important;
	background-color: rgba(5, 150, 105, 0.2) !important;
	border-color: #065f46 !important;
}
html.theme-dark .ai-ucr-color-cyan {
	color: #22d3ee !important;
	background-color: rgba(8, 145, 178, 0.2) !important;
	border-color: #155e75 !important;
}

/* Trust Banner WPBakery Addon */
html.theme-dark .trust-banner-section {
	background-color: #020617 !important;
}

html.theme-dark .trust-banner-card {
	background-color: #1e293b !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) !important;
}

html.theme-dark .trust-banner-card:hover {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

html.theme-dark .trust-banner-card-tag span {
	background-color: #334155 !important;
	color: #cbd5e1 !important;
}

html.theme-dark .trust-banner-card-icon {
	background-color: #334155 !important;
}

html.theme-dark .trust-banner-card-title {
	color: #ffffff !important;
}

html.theme-dark .trust-banner-card-description {
	color: #94a3b8 !important;
}

/* Animated Section WPBakery Addon */
/* Dark: Solid dark background with smooth fade-in */
html.theme-dark .accelerate-section {
	background: #0a0f1e !important;
	/* Smoother fade-in for dark mode - multiple stops prevent visible gray bar */
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 32px, rgba(0,0,0,0.5) 64px, rgba(0,0,0,0.8) 96px, black 128px) !important;
	mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 32px, rgba(0,0,0,0.5) 64px, rgba(0,0,0,0.8) 96px, black 128px) !important;
}

/* Dark: Very subtle blue glow */
html.theme-dark .blob-1 {
	background: rgba(37, 99, 235, 0.03) !important;
	mix-blend-mode: normal !important;
}

/* Dark: Very subtle indigo glow */
html.theme-dark .blob-2 {
	background: rgba(79, 70, 229, 0.03) !important;
	mix-blend-mode: normal !important;
}

/* Dark: Very subtle purple glow */
html.theme-dark .blob-3 {
	background: rgba(88, 28, 135, 0.03) !important;
}

html.theme-dark .central-node {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.20), rgba(168, 85, 247, 0.20)) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

html.theme-dark .central-node svg {
	color: rgba(96, 165, 250, 0.60) !important;
}

html.theme-dark .orbit-node {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.20), rgba(37, 99, 235, 0.20)) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

html.theme-dark .cpu-icon {
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.10), rgba(219, 39, 119, 0.10)) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

html.theme-dark .cpu-icon svg {
	color: rgba(192, 132, 252, 0.50) !important;
}

html.theme-dark .sparkle svg {
	color: rgba(165, 180, 252, 0.40) !important;
}

html.theme-dark .network-grid svg {
	color: rgba(96, 165, 250, 0.10) !important;
}

html.theme-dark .ai-chip {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.10), rgba(99, 102, 241, 0.10)) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

html.theme-dark .floating-sphere {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(59, 130, 246, 0.10)) !important;
}

html.theme-dark .main-heading {
	color: #ffffff !important;
}

html.theme-dark .gradient-text {
	background: linear-gradient(90deg, #60a5fa, #818cf8) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

html.theme-dark .btn-secondary {
	background: #1e293b !important;
	color: #e2e8f0 !important;
	border: 1px solid #334155 !important;
}

html.theme-dark .btn-secondary:hover {
	background: #334155 !important;
	border-color: #475569 !important;
}

html.theme-dark .animated-modal-content {
	background: #1e293b !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

html.theme-dark .animated-modal-close {
	background: rgba(255, 255, 255, 0.1) !important;
}

html.theme-dark .animated-modal-close:hover {
	background: rgba(255, 255, 255, 0.15) !important;
}

html.theme-dark .animated-modal-close svg {
	stroke: #f1f5f9 !important;
}

html.theme-dark .animated-modal-body::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05) !important;
}

html.theme-dark .animated-modal-body::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2) !important;
}

html.theme-dark .animated-modal-body::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.3) !important;
}

/* Header background now controlled by theme options */
/* See: Salient > Header Navigation > Color Scheme > Dark Mode Colors */