/* ==========================================================================
   HelloBotz Professional Dark / Light Mode Master System
   assets/css/dark-mode.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Theme Toggle Button (Desktop Navbar)
   -------------------------------------------------------------------------- */
.theme-toggle-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(241, 245, 249, 0.9) !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  flex-shrink: 0 !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
  z-index: 10 !important;
}

.theme-toggle-btn * {
  pointer-events: none !important;
}

.theme-toggle-btn:hover {
  border-color: #8b5cf6 !important;
  color: #8b5cf6 !important;
  background: #ffffff !important;
  transform: translateY(-1px) scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.25) !important;
}

.theme-toggle-btn:active {
  transform: scale(0.94) !important;
}

.theme-toggle-btn .theme-icon-sun,
.theme-toggle-btn .theme-icon-moon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Light Mode state: show Moon icon to switch to dark */
html:not([data-theme="dark"]) .theme-toggle-btn .theme-icon-sun {
  opacity: 0 !important;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.2) !important;
}

html:not([data-theme="dark"]) .theme-toggle-btn .theme-icon-moon {
  opacity: 1 !important;
  transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
  color: #475569 !important;
}

/* Dark Mode state: show glowing Sun icon to switch to light */
html[data-theme="dark"] .theme-toggle-btn {
  background: rgba(30, 41, 59, 0.9) !important;
  border-color: rgba(251, 191, 36, 0.4) !important;
  color: #fbbf24 !important;
  box-shadow: 0 0 14px rgba(251, 191, 36, 0.25) !important;
}

html[data-theme="dark"] .theme-toggle-btn:hover {
  background: #1e293b !important;
  border-color: #fbbf24 !important;
  color: #fef08a !important;
  transform: translateY(-1px) scale(1.1) !important;
  box-shadow: 0 0 20px rgba(251, 191, 36, 0.45) !important;
}

html[data-theme="dark"] .theme-toggle-btn .theme-icon-sun {
  opacity: 1 !important;
  transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] .theme-toggle-btn .theme-icon-moon {
  opacity: 0 !important;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0.2) !important;
}

/* --------------------------------------------------------------------------
   2. Mobile Drawer Theme Switcher (Segmented Pill)
   -------------------------------------------------------------------------- */
.mobile-theme-section {
  padding: 12px 0 16px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  margin-bottom: 12px !important;
}

html[data-theme="dark"] .mobile-theme-section {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.mobile-theme-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #64748b !important;
  margin-bottom: 10px !important;
}

html[data-theme="dark"] .mobile-theme-title {
  color: #94a3b8 !important;
}

.mobile-theme-toggle-box {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  background: #f1f5f9 !important;
  padding: 4px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="dark"] .mobile-theme-toggle-box {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.mobile-theme-option {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mobile-theme-option svg {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.mobile-theme-option span {
  pointer-events: none !important;
}

.mobile-theme-option.active {
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="dark"] .mobile-theme-option {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mobile-theme-option.active {
  background: #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* --------------------------------------------------------------------------
   3. Core Dark Mode Tokens & Root Styles
   -------------------------------------------------------------------------- */
html[data-theme="dark"] {
  --bg: #080c14 !important;
  --bg2: #0f172a !important;
  --bg3: #141d30 !important;
  --t: #f8fafc !important;
  --t2: #cbd5e1 !important;
  --t3: #94a3b8 !important;
  --t4: #64748b !important;
  --bd: #1e293b !important;
  --bd2: #334155 !important;
  --ind-text: #e2e8f0 !important;
  --ind-text-light: #94a3b8 !important;
  --ind-border: #1e293b !important;
  --ind-bg-soft: #0f172a !important;
  --wa-dark: #f8fafc !important;
  --wa-slate: #cbd5e1 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

/* --------------------------------------------------------------------------
   4. Site Header & Floating Dock in Dark Mode
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .site-header .header-inner {
  background: rgba(15, 23, 42, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .site-header.scrolled .header-inner {
  background: rgba(11, 15, 25, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 20px 48px -4px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="dark"] .nav-link {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .nav-item:hover > .nav-link,
html[data-theme="dark"] .nav-item.open > .nav-link {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .nav-link-channels {
  color: #f8fafc !important;
}

html[data-theme="dark"] .nav-item-channels:hover > .nav-link-channels,
html[data-theme="dark"] .nav-item-channels.open > .nav-link-channels {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .header-login {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .header-login:hover {
  background: #283548 !important;
  border-color: #8b5cf6 !important;
  color: #a78bfa !important;
}

html[data-theme="dark"] .lang-switch-btn {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .lang-switch-menu {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .lang-switch-menu li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .lang-switch-menu li:hover,
html[data-theme="dark"] .lang-switch-menu li.active {
  background: #1e293b !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .mobile-toggle span {
  background: #f8fafc !important;
}

/* Mega Menus */
html[data-theme="dark"] .mega-menu-channels,
html[data-theme="dark"] .mega-menu-products,
html[data-theme="dark"] .mega-menu-solutions,
html[data-theme="dark"] .mega-menu-resources,
html[data-theme="dark"] .mega-menu-partners,
html[data-theme="dark"] .mega-menu-panel,
html[data-theme="dark"] .mega-menu-sm {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .mega-channels-heading,
html[data-theme="dark"] .mega-prod-heading,
html[data-theme="dark"] .mega-sol-heading,
html[data-theme="dark"] .mega-res-heading,
html[data-theme="dark"] .mega-resources-heading,
html[data-theme="dark"] .mega-part-heading,
body.dark-theme .mega-resources-heading,
[data-theme="dark"] .mega-resources-heading {
  color: #818cf8 !important;
}

html[data-theme="dark"] .mega-partners-heading,
body.dark-theme .mega-partners-heading,
[data-theme="dark"] .mega-partners-heading {
  color: #34d399 !important;
}

html[data-theme="dark"] .mega-channels-item-name,
html[data-theme="dark"] .mega-prod-card-title,
html[data-theme="dark"] .mega-sol-card-title,
html[data-theme="dark"] .part-title,
html[data-theme="dark"] .mega-res-title,
html[data-theme="dark"] .res-title,
html[data-theme="dark"] .mega-feature-title,
html[data-theme="dark"] .channel-name,
html[data-theme="dark"] .mega-leads-title,
html[data-theme="dark"] .promo-offer-title,
html[data-theme="dark"] .mega-col-title,
html[data-theme="dark"] .prodocu-col-heading,
html[data-theme="dark"] .prodocu-section-title,
html[data-theme="dark"] .prodocu-item-title,
body.dark-theme .res-title,
body.dark-theme .part-title,
body.dark-theme .mega-feature-title,
body.dark-theme .channel-name,
body.dark-theme .mega-leads-title,
[data-theme="dark"] .res-title,
[data-theme="dark"] .part-title,
[data-theme="dark"] .mega-feature-title,
[data-theme="dark"] .channel-name,
[data-theme="dark"] .mega-leads-title {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mega-channels-item-sub,
html[data-theme="dark"] .mega-prod-card-desc,
html[data-theme="dark"] .mega-sol-card-desc,
html[data-theme="dark"] .part-desc,
html[data-theme="dark"] .mega-res-desc,
html[data-theme="dark"] .res-desc,
html[data-theme="dark"] .mega-feature-desc,
html[data-theme="dark"] .channel-desc,
html[data-theme="dark"] .mega-leads-desc,
html[data-theme="dark"] .promo-offer-desc,
html[data-theme="dark"] .prodocu-item-desc,
body.dark-theme .res-desc,
body.dark-theme .part-desc,
body.dark-theme .mega-feature-desc,
body.dark-theme .channel-desc,
body.dark-theme .mega-leads-desc,
[data-theme="dark"] .res-desc,
[data-theme="dark"] .part-desc,
[data-theme="dark"] .mega-feature-desc,
[data-theme="dark"] .channel-desc,
[data-theme="dark"] .mega-leads-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mega-channels-item,
html[data-theme="dark"] .mega-prod-card,
html[data-theme="dark"] .mega-sol-card,
html[data-theme="dark"] .mega-part-link,
html[data-theme="dark"] .mega-res-link,
html[data-theme="dark"] .mega-sub-link,
html[data-theme="dark"] .prodocu-item,
html[data-theme="dark"] .prodocu-channel-item,
body.dark-theme .mega-res-link,
body.dark-theme .mega-part-link,
[data-theme="dark"] .mega-res-link,
[data-theme="dark"] .mega-part-link {
  background: #141d30 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .mega-channels-item:hover,
html[data-theme="dark"] .mega-prod-card:hover,
html[data-theme="dark"] .mega-sol-card:hover,
html[data-theme="dark"] .mega-part-link:hover,
html[data-theme="dark"] .mega-res-link:hover,
html[data-theme="dark"] .mega-sub-link:hover,
html[data-theme="dark"] .prodocu-item:hover,
html[data-theme="dark"] .prodocu-channel-item:hover,
body.dark-theme .mega-res-link:hover,
body.dark-theme .mega-part-link:hover,
[data-theme="dark"] .mega-res-link:hover,
[data-theme="dark"] .mega-part-link:hover {
  background: #1c2842 !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .mega-res-link:hover .res-title,
html[data-theme="dark"] .mega-part-link:hover .part-title,
html[data-theme="dark"] .mega-feature-link:hover .mega-feature-title,
html[data-theme="dark"] .channel-card:hover .channel-name,
html[data-theme="dark"] .prodocu-item:hover .prodocu-item-title,
body.dark-theme .mega-res-link:hover .res-title,
body.dark-theme .mega-part-link:hover .part-title,
[data-theme="dark"] .mega-res-link:hover .res-title,
[data-theme="dark"] .mega-part-link:hover .part-title {
  color: #38d996 !important;
}

html[data-theme="dark"] .mega-res-link:hover .res-desc,
html[data-theme="dark"] .mega-part-link:hover .part-desc,
html[data-theme="dark"] .mega-feature-link:hover .mega-feature-desc,
html[data-theme="dark"] .channel-card:hover .channel-desc,
html[data-theme="dark"] .prodocu-item:hover .prodocu-item-desc,
body.dark-theme .mega-res-link:hover .res-desc,
body.dark-theme .mega-part-link:hover .part-desc,
[data-theme="dark"] .mega-res-link:hover .res-desc,
[data-theme="dark"] .mega-part-link:hover .part-desc {
  color: #cbd5e1 !important;
}

/* Resources & Partners Mega Menu Badges, Asides & Action Buttons */
html[data-theme="dark"] .mega-channels-aside,
html[data-theme="dark"] .mega-partners-aside,
html[data-theme="dark"] .mega-products-aside,
html[data-theme="dark"] .mega-solutions-aside,
html[data-theme="dark"] .mega-resources-aside,
body.dark-theme .mega-resources-aside,
body.dark-theme .mega-partners-aside,
[data-theme="dark"] .mega-resources-aside,
[data-theme="dark"] .mega-partners-aside {
  background: linear-gradient(145deg, #111827 0%, #1a2333 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .mega-res-badge,
body.dark-theme .mega-res-badge,
[data-theme="dark"] .mega-res-badge {
  background: rgba(139, 92, 246, 0.25) !important;
  color: #c4b5fd !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
}

html[data-theme="dark"] .btn-mega-res-primary,
body.dark-theme .btn-mega-res-primary,
[data-theme="dark"] .btn-mega-res-primary {
  background: #7c3aed !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.4) !important;
}
html[data-theme="dark"] .btn-mega-res-primary:hover,
body.dark-theme .btn-mega-res-primary:hover,
[data-theme="dark"] .btn-mega-res-primary:hover {
  background: #8b5cf6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-mega-res-secondary,
body.dark-theme .btn-mega-res-secondary,
[data-theme="dark"] .btn-mega-res-secondary {
  color: #c4b5fd !important;
}
html[data-theme="dark"] .btn-mega-res-secondary:hover,
body.dark-theme .btn-mega-res-secondary:hover,
[data-theme="dark"] .btn-mega-res-secondary:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

html[data-theme="dark"] .mega-part-badge,
html[data-theme="dark"] .part-badge-pill,
body.dark-theme .mega-part-badge,
body.dark-theme .part-badge-pill,
[data-theme="dark"] .mega-part-badge,
[data-theme="dark"] .part-badge-pill {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #34d399 !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

html[data-theme="dark"] .mega-part-title,
html[data-theme="dark"] .mega-sol-aside-title,
html[data-theme="dark"] .mega-channels-aside-title,
body.dark-theme .mega-part-title,
[data-theme="dark"] .mega-part-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .mega-part-desc,
html[data-theme="dark"] .mega-sol-aside-desc,
html[data-theme="dark"] .mega-channels-aside-desc,
body.dark-theme .mega-part-desc,
[data-theme="dark"] .mega-part-desc {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .btn-mega-part-primary,
body.dark-theme .btn-mega-part-primary,
[data-theme="dark"] .btn-mega-part-primary {
  background: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.4) !important;
}
html[data-theme="dark"] .btn-mega-part-primary:hover,
body.dark-theme .btn-mega-part-primary:hover,
[data-theme="dark"] .btn-mega-part-primary:hover {
  background: #10b981 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .mega-part-brochure-link,
body.dark-theme .mega-part-brochure-link,
[data-theme="dark"] .mega-part-brochure-link {
  color: #34d399 !important;
}
html[data-theme="dark"] .mega-part-brochure-link:hover,
body.dark-theme .mega-part-brochure-link:hover,
[data-theme="dark"] .mega-part-brochure-link:hover {
  color: #6ee7b7 !important;
  text-decoration: underline !important;
}

html[data-theme="dark"] .promo-offer-pill,
body.dark-theme .promo-offer-pill,
[data-theme="dark"] .promo-offer-pill {
  background: rgba(139, 92, 246, 0.25) !important;
  color: #c4b5fd !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
}

html[data-theme="dark"] .promo-offer-cta,
body.dark-theme .promo-offer-cta,
[data-theme="dark"] .promo-offer-cta {
  color: #c4b5fd !important;
}
html[data-theme="dark"] .promo-offer-cta:hover,
body.dark-theme .promo-offer-cta:hover,
[data-theme="dark"] .promo-offer-cta:hover {
  color: #ffffff !important;
}

/* Mobile Drawer */
html[data-theme="dark"] .mobile-drawer,
body.dark-theme .mobile-drawer,
[data-theme="dark"] .mobile-drawer {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .mobile-drawer-header,
body.dark-theme .mobile-drawer-header {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .mobile-nav-trigger,
html[data-theme="dark"] .mobile-nav-link,
body.dark-theme .mobile-nav-trigger,
body.dark-theme .mobile-nav-link,
[data-theme="dark"] .mobile-nav-link {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobile-nav-item,
body.dark-theme .mobile-nav-item {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .mobile-accordion-content,
html[data-theme="dark"] .mobile-submenu,
body.dark-theme .mobile-accordion-content,
body.dark-theme .mobile-submenu,
[data-theme="dark"] .mobile-submenu {
  background: #111827 !important;
}

html[data-theme="dark"] .mobile-sub-link,
html[data-theme="dark"] .mobile-submenu-inner a,
html[data-theme="dark"] .mob-ind-link,
body.dark-theme .mobile-sub-link,
body.dark-theme .mobile-submenu-inner a,
body.dark-theme .mob-ind-link,
[data-theme="dark"] .mobile-submenu-inner a,
[data-theme="dark"] .mob-ind-link {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .mobile-sub-link:hover,
html[data-theme="dark"] .mobile-submenu-inner a:hover,
html[data-theme="dark"] .mob-ind-link:hover,
body.dark-theme .mobile-sub-link:hover,
body.dark-theme .mobile-submenu-inner a:hover,
body.dark-theme .mob-ind-link:hover,
[data-theme="dark"] .mobile-submenu-inner a:hover,
[data-theme="dark"] .mob-ind-link:hover {
  color: #38ef7d !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .mobile-submenu-inner span,
body.dark-theme .mobile-submenu-inner span,
[data-theme="dark"] .mobile-submenu-inner span {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mobile-submenu-inner div,
body.dark-theme .mobile-submenu-inner div,
[data-theme="dark"] .mobile-submenu-inner div {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .mnav-login,
body.dark-theme .mnav-login,
[data-theme="dark"] .mnav-login {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobile-lang-btn,
body.dark-theme .mobile-lang-btn,
[data-theme="dark"] .mobile-lang-btn {
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .mobile-lang-btn.active,
body.dark-theme .mobile-lang-btn.active,
[data-theme="dark"] .mobile-lang-btn.active {
  background: #7c3aed !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .mobile-theme-title,
body.dark-theme .mobile-theme-title,
[data-theme="dark"] .mobile-theme-title {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mobile-theme-toggle-box,
body.dark-theme .mobile-theme-toggle-box,
[data-theme="dark"] .mobile-theme-toggle-box {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .mobile-theme-option,
body.dark-theme .mobile-theme-option,
[data-theme="dark"] .mobile-theme-option {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mobile-theme-option.active,
body.dark-theme .mobile-theme-option.active,
[data-theme="dark"] .mobile-theme-option.active {
  background: #0f172a !important;
  color: #f8fafc !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* --------------------------------------------------------------------------
   5. Page Containers (Homepage, Channels, Products, Industry, Careers, etc.)
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .cw-main-page,
html[data-theme="dark"] .cw-page,
html[data-theme="dark"] .cloned-hellobots-page,
html[data-theme="dark"] .industry-page,
html[data-theme="dark"] .careers-page,
html[data-theme="dark"] .partners-page,
html[data-theme="dark"] .pricing-page,
html[data-theme="dark"] .business-leads-page,
html[data-theme="dark"] main,
html[data-theme="dark"] #main {
  background: #080c14 !important;
  color: #f8fafc !important;
}

/* Sections */
html[data-theme="dark"] .section,
html[data-theme="dark"] .cw-hero-wrap,
html[data-theme="dark"] .cw-hero-section,
html[data-theme="dark"] .cw-platform-showcase-section,
html[data-theme="dark"] .hb-features-section,
html[data-theme="dark"] .hiw-section,
html[data-theme="dark"] .stories-section,
html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .industry-hero,
html[data-theme="dark"] .brands-section,
html[data-theme="dark"] .whatsapp-section {
  background: transparent !important;
}

html[data-theme="dark"] .section-alt,
html[data-theme="dark"] .what-is-api,
html[data-theme="dark"] .whatsapp-usecase,
html[data-theme="dark"] .usecase-section,
html[data-theme="dark"] .industry-section,
html[data-theme="dark"] .steps-section,
html[data-theme="dark"] .how-it-works,
html[data-theme="dark"] .chatbot-can-do,
html[data-theme="dark"] .ai-engines {
  background-color: #0d121f !important;
  border-color: #1e293b !important;
}

html[data-theme="dark"] .section-gradient-1 {
  background: linear-gradient(180deg, #0d121f 0%, #080c14 100%) !important;
}

/* Force override on any inline background styles */
html[data-theme="dark"] section[style*="background"],
html[data-theme="dark"] div[style*="background: #fff"],
html[data-theme="dark"] div[style*="background:#fff"],
html[data-theme="dark"] div[style*="background: #ffffff"],
html[data-theme="dark"] div[style*="background:#ffffff"],
html[data-theme="dark"] div[style*="background-color: #f9f9f9"],
html[data-theme="dark"] div[style*="background:#f4f7fd"],
html[data-theme="dark"] div[style*="background: #fffaeb"],
html[data-theme="dark"] div[style*="background:#fffaeb"] {
  background-color: #0d121f !important;
  background-image: none !important;
  border-color: #1e293b !important;
}

/* --------------------------------------------------------------------------
   6. Typography Across All Pages
   -------------------------------------------------------------------------- */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .cw-hero-title,
html[data-theme="dark"] .cw-section-title,
html[data-theme="dark"] .whatsapp-heading,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .section-header h2,
html[data-theme="dark"] .prodocu-col-heading,
html[data-theme="dark"] .hiw-title,
html[data-theme="dark"] .hiw-card-title,
html[data-theme="dark"] .hb-feature-title,
html[data-theme="dark"] .hb-feature-item-title {
  color: #ffffff !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .cw-hero-desc,
html[data-theme="dark"] .cw-section-subtitle,
html[data-theme="dark"] .api-subtext,
html[data-theme="dark"] .section-lead,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .numera-small,
html[data-theme="dark"] .hero-text,
html[data-theme="dark"] .grid-item p,
html[data-theme="dark"] .whatsapp-feature-box p,
html[data-theme="dark"] .industry-hero-lead,
html[data-theme="dark"] .hiw-desc,
html[data-theme="dark"] .hiw-card-desc,
html[data-theme="dark"] .hb-feature-desc,
html[data-theme="dark"] .hb-feature-item-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] .whatsapp-feature-box strong,
html[data-theme="dark"] .grid-item h3 {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   7. Cards, Feature Boxes & Grids Across All Pages
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .card,
html[data-theme="dark"] .cw-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .whatsapp-feature-box,
html[data-theme="dark"] .grid-item,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .ind-card,
html[data-theme="dark"] .hiw-step-card,
html[data-theme="dark"] .hb-feature-card,
html[data-theme="dark"] .stories-card,
html[data-theme="dark"] .cw-step-card,
html[data-theme="dark"] .cw-counter-item,
html[data-theme="dark"] .cw-trust-item,
html[data-theme="dark"] .cw-showcase-card,
html[data-theme="dark"] .prt-card,
html[data-theme="dark"] .prt-tier-card,
html[data-theme="dark"] .careers-role-card,
html[data-theme="dark"] .usecase-item,
html[data-theme="dark"] .platform-feature-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .cw-card:hover,
html[data-theme="dark"] .feature-card:hover,
html[data-theme="dark"] .whatsapp-feature-box:hover,
html[data-theme="dark"] .grid-item:hover,
html[data-theme="dark"] .stat-card:hover,
html[data-theme="dark"] .careers-role-card:hover {
  background: #141d30 !important;
  border-color: rgba(139, 92, 246, 0.45) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

/* --------------------------------------------------------------------------
   8. Tables & Comparison Grids
   -------------------------------------------------------------------------- */
html[data-theme="dark"] table,
html[data-theme="dark"] .cw-comp-table,
html[data-theme="dark"] .comparison-table {
  background: #0f172a !important;
  border-color: #1e293b !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] th {
  background: #131b2e !important;
  color: #ffffff !important;
  border-color: #1e293b !important;
}

html[data-theme="dark"] td {
  border-color: #1e293b !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] tr:hover td {
  background: #162036 !important;
}

html[data-theme="dark"] .cw-comp-standard {
  background: rgba(239, 68, 68, 0.08) !important;
  color: #fca5a5 !important;
}

html[data-theme="dark"] .cw-comp-api {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #6ee7b7 !important;
}

html[data-theme="dark"] .cw-comp-feature {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   9. FAQ Accordions (Universal Site-Wide)
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .faq-itemm,
html[data-theme="dark"] .cw-faq-item,
html[data-theme="dark"] .industry-faq-item,
html[data-theme="dark"] .ind-faq-item,
html[data-theme="dark"] .bfsi-faq-item,
html[data-theme="dark"] .cig-faq-item,
html[data-theme="dark"] .custom-faq-accordion .faq-item,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .prod-faq-item,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-itemm,
[data-theme="dark"] .cw-faq-item,
[data-theme="dark"] .industry-faq-item,
[data-theme="dark"] .ind-faq-item,
[data-theme="dark"] .bfsi-faq-item,
[data-theme="dark"] .cig-faq-item,
[data-theme="dark"] .custom-faq-accordion .faq-item,
[data-theme="dark"] .faq-card,
[data-theme="dark"] .prod-faq-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .faq-question,
html[data-theme="dark"] .faq-questionn,
html[data-theme="dark"] .cw-faq-btn,
html[data-theme="dark"] .industry-faq-header,
html[data-theme="dark"] .ind-faq-header,
html[data-theme="dark"] .bfsi-faq-header,
html[data-theme="dark"] .cig-faq-trigger,
html[data-theme="dark"] .custom-faq-accordion .faq-question,
[data-theme="dark"] .faq-question,
[data-theme="dark"] .faq-questionn,
[data-theme="dark"] .cw-faq-btn,
[data-theme="dark"] .industry-faq-header,
[data-theme="dark"] .ind-faq-header,
[data-theme="dark"] .bfsi-faq-header,
[data-theme="dark"] .cig-faq-trigger,
[data-theme="dark"] .custom-faq-accordion .faq-question {
  background: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .industry-faq-header:hover,
html[data-theme="dark"] .ind-faq-header:hover,
html[data-theme="dark"] .bfsi-faq-header:hover,
html[data-theme="dark"] .faq-question:hover,
[data-theme="dark"] .industry-faq-header:hover,
[data-theme="dark"] .ind-faq-header:hover,
[data-theme="dark"] .bfsi-faq-header:hover,
[data-theme="dark"] .faq-question:hover {
  background: #161f30 !important;
  color: #a5b4fc !important;
}

html[data-theme="dark"] .faq-text,
html[data-theme="dark"] .faq-title h3,
html[data-theme="dark"] .cw-faq-q,
html[data-theme="dark"] .faq-card h3,
[data-theme="dark"] .faq-text,
[data-theme="dark"] .faq-title h3,
[data-theme="dark"] .cw-faq-q,
[data-theme="dark"] .faq-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-arrow,
html[data-theme="dark"] .faq-icon,
html[data-theme="dark"] .cig-faq-icon,
html[data-theme="dark"] .industry-faq-header svg,
[data-theme="dark"] .faq-arrow,
[data-theme="dark"] .faq-icon,
[data-theme="dark"] .cig-faq-icon,
[data-theme="dark"] .industry-faq-header svg {
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .faq-answer,
html[data-theme="dark"] .faq-answerr,
html[data-theme="dark"] .cw-faq-answer,
html[data-theme="dark"] .industry-faq-body,
html[data-theme="dark"] .ind-faq-body,
html[data-theme="dark"] .bfsi-faq-body,
html[data-theme="dark"] .cig-faq-content,
html[data-theme="dark"] .custom-faq-accordion .faq-answer,
html[data-theme="dark"] .faq-answer-inner,
html[data-theme="dark"] .faq-card p,
[data-theme="dark"] .faq-answer,
[data-theme="dark"] .faq-answerr,
[data-theme="dark"] .cw-faq-answer,
[data-theme="dark"] .industry-faq-body,
[data-theme="dark"] .ind-faq-body,
[data-theme="dark"] .bfsi-faq-body,
[data-theme="dark"] .cig-faq-content,
[data-theme="dark"] .custom-faq-accordion .faq-answer,
[data-theme="dark"] .faq-answer-inner,
[data-theme="dark"] .faq-card p {
  background: #0f172a !important;
  color: #cbd5e1 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* --------------------------------------------------------------------------
   10. Form Inputs, Modals & Interactive Elements
   -------------------------------------------------------------------------- */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background-color: #0f172a !important;
  border: 1.5px solid #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3) !important;
}

html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-white {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #334155 !important;
}

html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-white:hover {
  background: #283548 !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .cw-modal,
html[data-theme="dark"] .demo-modal-dialog {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8) !important;
}

/* --------------------------------------------------------------------------
   11. Footer
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .site-footer,
body.dark-theme .site-footer {
  background: #04060a !important;
  border-top: 1px solid #1e293b !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .site-footer p,
html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .site-footer span:not(.channel-icon-pill),
html[data-theme="dark"] .site-footer li,
html[data-theme="dark"] .site-footer div:not(.channel-icon-pill):not(.footer-social-btn),
html[data-theme="dark"] .site-footer .footer-brand-desc,
html[data-theme="dark"] .site-footer .footer-social-wrapper span,
html[data-theme="dark"] .site-footer .footer-heading,
html[data-theme="dark"] .site-footer .footer-nav-col a,
html[data-theme="dark"] .site-footer .footer-channel-link,
html[data-theme="dark"] .site-footer .footer-channel-link span,
html[data-theme="dark"] .site-footer .footer-map-col p,
html[data-theme="dark"] .site-footer .footer-bottom,
html[data-theme="dark"] .site-footer .footer-copy,
html[data-theme="dark"] .site-footer .footer-legal a,
html[data-theme="dark"] .site-footer .presence-tag,
html[data-theme="dark"] .footer-heading,
html[data-theme="dark"] .footer-contact-heading,
html[data-theme="dark"] .footer-link,
html[data-theme="dark"] .footer-text,
html[data-theme="dark"] .footer-legal-copy,
html[data-theme="dark"] .footer-address-text,
body.dark-theme .site-footer p,
body.dark-theme .site-footer a,
body.dark-theme .site-footer span:not(.channel-icon-pill),
body.dark-theme .site-footer .footer-brand-desc,
body.dark-theme .site-footer .footer-nav-col a,
body.dark-theme .site-footer .footer-channel-link,
body.dark-theme .site-footer .footer-copy,
body.dark-theme .site-footer .footer-legal a {
  color: #ffffff !important;
}

html[data-theme="dark"] .site-footer .presence-divider,
body.dark-theme .site-footer .presence-divider {
  color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="dark"] .site-footer a:hover,
html[data-theme="dark"] .site-footer .footer-nav-col a:hover,
html[data-theme="dark"] .site-footer .footer-channel-link:hover,
html[data-theme="dark"] .site-footer .footer-legal a:hover,
html[data-theme="dark"] .footer-link:hover,
body.dark-theme .site-footer a:hover {
  color: #38bdf8 !important;
}

/* ==========================================================================
   12. Journey Flow Section & High-Contrast Dark Images
   ========================================================================== */
.hb-feature-img-dark {
  display: none !important;
}
.hb-feature-img-light {
  display: block !important;
}

html[data-theme="dark"] .hb-feature-img-dark {
  display: block !important;
}
html[data-theme="dark"] .hb-feature-img-light {
  display: none !important;
}

html[data-theme="dark"] .hb-features-section {
  background: transparent !important;
}
html[data-theme="dark"] .hb-feature-item-badge {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #c4b5fd !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
}
html[data-theme="dark"] .hb-feature-item-link {
  color: #a78bfa !important;
}
html[data-theme="dark"] .hb-feature-item-link:hover {
  color: #c4b5fd !important;
}

/* ==========================================================================
   13. Brands Section & Client Ticker
   ========================================================================== */
html[data-theme="dark"] .brands-section {
  background: #080c14 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .brands-inner::before {
  background: linear-gradient(to right, #080c14 0%, rgba(8, 12, 20, 0) 100%) !important;
}
html[data-theme="dark"] .brands-inner::after {
  background: linear-gradient(to left, #080c14 0%, rgba(8, 12, 20, 0) 100%) !important;
}
html[data-theme="dark"] .brand-badge {
  background: #111827 !important;
  border: 1px solid #1f293d !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .brand-badge:hover {
  background: #1f293d !important;
  border-color: #374151 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .brand-badge span {
  color: #f8fafc !important;
}

/* ==========================================================================
   14. Platform Showcase Section
   ========================================================================== */
html[data-theme="dark"] .cw-showcase-pill {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #34d399 !important;
}
html[data-theme="dark"] .cw-showcase-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-showcase-subtitle {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cw-showcase-tab {
  background: #111827 !important;
  border-color: #1f293d !important;
  color: #94a3b8 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .cw-showcase-tab:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .cw-showcase-tab.active {
  background: #8b5cf6 !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.35) !important;
}
html[data-theme="dark"] .cw-showcase-window {
  background: #0f172a !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .cw-showcase-card {
  background: #111827 !important;
  border: 1px solid #1f293d !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   15. How It Works Section
   ========================================================================== */
html[data-theme="dark"] .hiw-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .hiw-card:hover {
  border-color: #8b5cf6 !important;
  box-shadow: 0 22px 48px rgba(139, 92, 246, 0.25) !important;
}
html[data-theme="dark"] .hiw-badge {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] .hiw-bullets {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .hiw-bullets li {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .hiw-check-icon {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #34d399 !important;
}
html[data-theme="dark"] .hiw-step-tagline {
  color: #a78bfa !important;
}

/* ==========================================================================
   16. Customer Stories Section
   ========================================================================== */
html[data-theme="dark"] .story-scroller-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .story-scroller-card:hover {
  border-color: #8b5cf6 !important;
  box-shadow: 0 24px 50px rgba(139, 92, 246, 0.25) !important;
}
html[data-theme="dark"] .story-headline {
  color: #ffffff !important;
}
html[data-theme="dark"] .story-quote {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .story-author {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .story-author-name {
  color: #ffffff !important;
}
html[data-theme="dark"] .story-author-role {
  color: #64748b !important;
}
html[data-theme="dark"] .stories-filter-pill,
html[data-theme="dark"] .stories-filter-btn {
  background: #111827 !important;
  border-color: #1f293d !important;
  color: #94a3b8 !important;
}
html[data-theme="dark"] .stories-filter-pill.active,
html[data-theme="dark"] .stories-filter-btn.active {
  background: #8b5cf6 !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   17. Pricing System Dark Mode
   ========================================================================== */
html[data-theme="dark"] .pricing-hero {
  background: radial-gradient(circle at 50% 0%, rgba(15, 118, 110, 0.15) 0%, rgba(8, 12, 20, 0) 70%) !important;
}
html[data-theme="dark"] .pricing-hero-inner h1 {
  color: #ffffff !important;
}
html[data-theme="dark"] .hero-subtitle {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .currency-converter-card {
  background: #0f172a !important;
  border-color: #1e293b !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .currency-converter-card p.title {
  color: #f8fafc !important;
}
html[data-theme="dark"] #currencySelector {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .currency-sub-note {
  color: #64748b !important;
}
html[data-theme="dark"] .plan-category-toggle {
  background: #111827 !important;
}
html[data-theme="dark"] .plan-cat-btn {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .plan-cat-btn.active {
  background: #0f766e !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .plan-cat-icon-badge,
[data-theme="dark"] .plan-cat-icon-badge {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .plan-cat-btn.active .plan-cat-icon-badge,
[data-theme="dark"] .plan-cat-btn.active .plan-cat-icon-badge {
  background: #ffffff !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .pricing-billing-pill {
  background: rgba(15, 23, 42, 0.85) !important;
  border-color: #1e293b !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .pill-label {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .billing-toggle {
  background: #0a0f1d !important;
  border-color: #1e293b !important;
}
html[data-theme="dark"] .billing-toggle .toggle-btn {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .billing-toggle .toggle-btn.active {
  background: #1e293b !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .billing-subtext {
  color: #64748b !important;
}
html[data-theme="dark"] .pricing-card {
  background: #0f172a !important;
  border-color: #1e293b !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .pricing-card.highlight {
  border-color: #0f766e !important;
  box-shadow: 0 22px 60px rgba(15, 118, 110, 0.25) !important;
}
html[data-theme="dark"] .pricing-card h2 {
  color: #ffffff !important;
}
html[data-theme="dark"] .plan-short {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .price {
  color: #ffffff !important;
}
html[data-theme="dark"] .price span {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .price-subtext {
  color: #64748b !important;
}
html[data-theme="dark"] .plan-features {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .plan-features li {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .plan-divider {
  background: #1e293b !important;
}
html[data-theme="dark"] .sub-heading {
  color: #64748b !important;
}
html[data-theme="dark"] .plan-limitations {
  color: #64748b !important;
}
html[data-theme="dark"] .plan-limitations li {
  color: #64748b !important;
}
html[data-theme="dark"] .plan-icon {
  background: #1e293b !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .comparison-table {
  background: #0f172a !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .comparison-table th {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #1e293b !important;
}
html[data-theme="dark"] .comparison-table td {
  border-color: #1e293b !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .faq-section {
  background: transparent !important;
}
html[data-theme="dark"] .faq-item {
  background: #0f172a !important;
  border-color: #1e293b !important;
}
html[data-theme="dark"] .faq-question {
  color: #ffffff !important;
}
html[data-theme="dark"] .faq-answer {
  color: #94a3b8 !important;
}

/* ==========================================================================
   18. Platform Showcase Captions & Badges
   ========================================================================== */
html[data-theme="dark"] .cw-media-caption {
  background: #0d121f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-sc-text strong {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-sc-text span {
  color: #94a3b8 !important;
}

/* ==========================================================================
   19. Customer Stories Trust Stats & Interactive Controls
   ========================================================================== */
html[data-theme="dark"] .stories-stats-strip {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .stories-stat-val {
  color: #ffffff !important;
}
html[data-theme="dark"] .stories-stat-lbl {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .stories-stat-sep {
  background: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .story-chip-btn {
  background: #111827 !important;
  border-color: #1f293d !important;
  color: #94a3b8 !important;
}
html[data-theme="dark"] .story-chip-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .story-chip-btn.active {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .stories-ctrl-btn {
  background: #111827 !important;
  border-color: #1f293d !important;
  color: #94a3b8 !important;
}
html[data-theme="dark"] .stories-ctrl-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .stories-nav-arrow {
  background: #111827 !important;
  border-color: #1f293d !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .stories-nav-arrow:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
}

/* ==========================================================================
   20. Channel Pages Dark Mode (WhatsApp, Facebook, Instagram, Telegram)
   ========================================================================== */

/* Outer Channel Page Containers */
html[data-theme="dark"] .cfb-page,
html[data-theme="dark"] .ctg-page,
html[data-theme="dark"] .cig-page,
html[data-theme="dark"] .cw-channel-page {
  background: #080c14 !important;
  color: #f8fafc !important;
}

/* WhatsApp Channel Specifics */
html[data-theme="dark"] .cw-counters-grid {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .cw-counter-item {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-counter-title {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cw-comparison-section,
html[data-theme="dark"] .cw-usecases-section {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-table-container,
html[data-theme="dark"] .cw-cap-container,
html[data-theme="dark"] .cw-cap-sidebar,
html[data-theme="dark"] .cw-usecase-card,
html[data-theme="dark"] .cw-faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cw-comp-table th {
  background: #111827 !important;
  color: #ffffff !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-comp-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-comp-feature {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-cap-sidebar-title {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-cap-tab {
  background: #141d30 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-cap-tab.active {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-faq-question {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-faq-answer {
  color: #94a3b8 !important;
}

/* Facebook Channel Specifics */
html[data-theme="dark"] .cfb-showcases-section,
html[data-theme="dark"] .cfb-tools-section,
html[data-theme="dark"] .cfb-steps-section,
html[data-theme="dark"] .cfb-capabilities-section,
html[data-theme="dark"] .cfb-faq-section,
html[data-theme="dark"] .cfb-sales-section {
  background: transparent !important;
}
html[data-theme="dark"] .cfb-section-title,
html[data-theme="dark"] .cfb-sc-title,
html[data-theme="dark"] .cfb-tool-title,
html[data-theme="dark"] .cfb-step-title,
html[data-theme="dark"] .cfb-cap-title,
html[data-theme="dark"] .cfb-cap-sidebar-title,
html[data-theme="dark"] .cfb-faq-question {
  color: #ffffff !important;
}
html[data-theme="dark"] .cfb-section-subtitle,
html[data-theme="dark"] .cfb-sc-desc,
html[data-theme="dark"] .cfb-sc-bullet,
html[data-theme="dark"] .cfb-tool-desc,
html[data-theme="dark"] .cfb-step-desc,
html[data-theme="dark"] .cfb-cap-desc,
html[data-theme="dark"] .cfb-faq-answer {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cfb-tool-card,
html[data-theme="dark"] .cfb-step-card,
html[data-theme="dark"] .cfb-cap-container,
html[data-theme="dark"] .cfb-cap-sidebar,
html[data-theme="dark"] .cfb-faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cfb-cap-tab {
  background: #141d30 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cfb-cap-tab.active {
  background: rgba(24, 119, 242, 0.15) !important;
  border-color: #1877f2 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cfb-btn-secondary {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* Instagram Channel Specifics */
html[data-theme="dark"] .cig-simulator-section,
html[data-theme="dark"] .cig-showcases-section,
html[data-theme="dark"] .cig-steps-section,
html[data-theme="dark"] .cig-capabilities-section,
html[data-theme="dark"] .cig-faq-section,
html[data-theme="dark"] .cig-cta-banner {
  background: transparent !important;
}
html[data-theme="dark"] .cig-section-title,
html[data-theme="dark"] .cig-sc-title,
html[data-theme="dark"] .cig-step-title,
html[data-theme="dark"] .cig-cap-title,
html[data-theme="dark"] .cig-cap-sidebar-title,
html[data-theme="dark"] .cig-faq-question,
html[data-theme="dark"] .cig-sim-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .cig-section-subtitle,
html[data-theme="dark"] .cig-sc-desc,
html[data-theme="dark"] .cig-sc-bullet,
html[data-theme="dark"] .cig-step-desc,
html[data-theme="dark"] .cig-cap-desc,
html[data-theme="dark"] .cig-faq-answer,
html[data-theme="dark"] .cig-sim-desc {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cig-step-card,
html[data-theme="dark"] .cig-cap-container,
html[data-theme="dark"] .cig-cap-sidebar,
html[data-theme="dark"] .cig-faq-item,
html[data-theme="dark"] .cig-sim-card,
html[data-theme="dark"] .cig-feature-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cig-cap-tab {
  background: #141d30 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cig-cap-tab.active {
  background: rgba(225, 48, 108, 0.15) !important;
  border-color: #e1306c !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cig-btn-secondary {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* Telegram Channel Specifics */
html[data-theme="dark"] .ctg-showcases-section,
html[data-theme="dark"] .ctg-steps-section,
html[data-theme="dark"] .ctg-capabilities-section,
html[data-theme="dark"] .ctg-guide-section,
html[data-theme="dark"] .ctg-faq-section,
html[data-theme="dark"] .ctg-sales-section {
  background: transparent !important;
}
html[data-theme="dark"] .ctg-section-title,
html[data-theme="dark"] .ctg-sc-title,
html[data-theme="dark"] .ctg-step-title,
html[data-theme="dark"] .ctg-cap-title,
html[data-theme="dark"] .ctg-cap-sidebar-title,
html[data-theme="dark"] .ctg-guide-title,
html[data-theme="dark"] .ctg-faq-question {
  color: #ffffff !important;
}
html[data-theme="dark"] .ctg-section-subtitle,
html[data-theme="dark"] .ctg-sc-desc,
html[data-theme="dark"] .ctg-sc-bullet,
html[data-theme="dark"] .ctg-step-desc,
html[data-theme="dark"] .ctg-cap-desc,
html[data-theme="dark"] .ctg-guide-desc,
html[data-theme="dark"] .ctg-faq-answer {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .ctg-step-card,
html[data-theme="dark"] .ctg-cap-container,
html[data-theme="dark"] .ctg-cap-sidebar,
html[data-theme="dark"] .ctg-cap-card,
html[data-theme="dark"] .ctg-guide-card,
html[data-theme="dark"] .ctg-faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .ctg-cap-tab {
  background: #141d30 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .ctg-cap-tab.active {
  background: rgba(0, 136, 204, 0.15) !important;
  border-color: #0088cc !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .ctg-btn-secondary {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}




/* ==========================================================================
   ABOUT PAGE DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .ab-page,
html[data-theme="dark"] .ab-hero,
html[data-theme="dark"] .ab-page .section,
html[data-theme="dark"] .ab-page .section-alt {
  background: transparent !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .ab-hero h1,
html[data-theme="dark"] .ab-story-content h2,
html[data-theme="dark"] .ab-build-card h3,
html[data-theme="dark"] .ab-mission-card h3,
html[data-theme="dark"] .ab-tl-item h3,
html[data-theme="dark"] .ab-office-card h3,
html[data-theme="dark"] .ab-why-card h3,
html[data-theme="dark"] .ab-partner-card h3,
html[data-theme="dark"] .ab-value-card h3,
html[data-theme="dark"] .ab-trust-card h3,
html[data-theme="dark"] .ab-faq-q,
html[data-theme="dark"] .ab-step h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .ab-hero .lead,
html[data-theme="dark"] .ab-story-content p,
html[data-theme="dark"] .ab-build-card p,
html[data-theme="dark"] .ab-mission-card p,
html[data-theme="dark"] .ab-tl-item p,
html[data-theme="dark"] .ab-office-card p,
html[data-theme="dark"] .ab-why-card p,
html[data-theme="dark"] .ab-partner-card p,
html[data-theme="dark"] .ab-value-card p,
html[data-theme="dark"] .ab-trust-card p,
html[data-theme="dark"] .ab-step p,
html[data-theme="dark"] .ab-testi-card blockquote,
html[data-theme="dark"] .ab-faq-a {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ab-vision-quote {
  background: linear-gradient(135deg, #ffffff 0%, #c4b5fd 50%, #67e8f9 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html[data-theme="dark"] .ab-build-card,
html[data-theme="dark"] .ab-mission-card,
html[data-theme="dark"] .ab-office-card,
html[data-theme="dark"] .ab-ind-card,
html[data-theme="dark"] .ab-step,
html[data-theme="dark"] .ab-why-card,
html[data-theme="dark"] .ab-tech-item,
html[data-theme="dark"] .ab-partner-card,
html[data-theme="dark"] .ab-testi-card,
html[data-theme="dark"] .ab-value-card,
html[data-theme="dark"] .ab-trust-card,
html[data-theme="dark"] .ab-faq-item,
html[data-theme="dark"] .ab-story-placeholder,
html[data-theme="dark"] .ab-logo-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ab-map-flow {
  background: #0b0f19 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .ab-map-flow span {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .badge-ab {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  color: #c4b5fd !important;
}

/* ==========================================================================
   CONTACT PAGE DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .ct-page,
html[data-theme="dark"] .ct-hero,
html[data-theme="dark"] .ct-page .section,
html[data-theme="dark"] .ct-page .section-alt {
  background: transparent !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .ct-hero h1,
html[data-theme="dark"] .ct-quick-card h3,
html[data-theme="dark"] .ct-form-card h2,
html[data-theme="dark"] .ct-office h3,
html[data-theme="dark"] .ct-step h3,
html[data-theme="dark"] .ct-help-card span,
html[data-theme="dark"] .ct-support-card h4,
html[data-theme="dark"] .ct-reach-card h4,
html[data-theme="dark"] .ct-map-popup h4,
html[data-theme="dark"] .ct-faq-q {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-hero .lead,
html[data-theme="dark"] .ct-quick-card p,
html[data-theme="dark"] .ct-form-card .form-lead,
html[data-theme="dark"] .ct-office .city,
html[data-theme="dark"] .ct-office-detail,
html[data-theme="dark"] .ct-step p,
html[data-theme="dark"] .ct-support-card p,
html[data-theme="dark"] .ct-reach-card p,
html[data-theme="dark"] .ct-reach-card a,
html[data-theme="dark"] .ct-map-popup p,
html[data-theme="dark"] .ct-faq-a {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ct-quick-card,
html[data-theme="dark"] .ct-form-card,
html[data-theme="dark"] .ct-office,
html[data-theme="dark"] .ct-map-popup,
html[data-theme="dark"] .ct-help-card,
html[data-theme="dark"] .ct-support-card,
html[data-theme="dark"] .ct-reach-card,
html[data-theme="dark"] .ct-faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ct-field label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ct-field input,
html[data-theme="dark"] .ct-field select,
html[data-theme="dark"] .ct-field textarea {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-field input:focus,
html[data-theme="dark"] .ct-field select:focus,
html[data-theme="dark"] .ct-field textarea:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25) !important;
}

html[data-theme="dark"] .ct-journey {
  background: linear-gradient(160deg, #111827 0%, #1e1b4b 100%) !important;
  border-color: rgba(139, 92, 246, 0.2) !important;
}

html[data-theme="dark"] .ct-journey-screen h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-journey-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-journey-btn:hover {
  background: #334155 !important;
  border-color: #8b5cf6 !important;
}

html[data-theme="dark"] .ct-logo-slot {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #64748b !important;
}

/* ==========================================================================
   PARTNERS & WHITE-LABEL DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .prt-hero {
  background: linear-gradient(180deg, #090e1a 0%, #0d1322 60%, #0f172a 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .prt-hero-copy h1,
html[data-theme="dark"] .prt-tabs-nav .prt-tab-btn,
html[data-theme="dark"] .prt-pillar-content h3,
html[data-theme="dark"] .prt-why-card h3,
html[data-theme="dark"] .prt-offering-card h3,
html[data-theme="dark"] .prt-audience-card h3,
html[data-theme="dark"] .prt-calc-card h3,
html[data-theme="dark"] .prt-plan h3,
html[data-theme="dark"] .prt-form-wrap h3,
html[data-theme="dark"] .prt-roadmap-step h4,
html[data-theme="dark"] .faq-question {
  color: #ffffff !important;
}

html[data-theme="dark"] .prt-lead,
html[data-theme="dark"] .prt-pillar-content p,
html[data-theme="dark"] .prt-why-card p,
html[data-theme="dark"] .prt-offering-card p,
html[data-theme="dark"] .prt-audience-card p,
html[data-theme="dark"] .prt-calc-card p,
html[data-theme="dark"] .prt-plan-desc,
html[data-theme="dark"] .prt-roadmap-step p,
html[data-theme="dark"] .faq-answer {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .prt-tabs-nav .prt-tab-btn {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .prt-tabs-nav .prt-tab-btn.active,
html[data-theme="dark"] .prt-tabs-nav .prt-tab-btn:hover {
  background: #1e293b !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .prt-badge {
  background: rgba(124, 58, 237, 0.15) !important;
  border-color: rgba(124, 58, 237, 0.35) !important;
  color: #c4b5fd !important;
}

html[data-theme="dark"] .prt-pillar-card,
html[data-theme="dark"] .prt-why-card,
html[data-theme="dark"] .prt-offering-card,
html[data-theme="dark"] .prt-audience-card,
html[data-theme="dark"] .prt-calc-card,
html[data-theme="dark"] .prt-calc-box,
html[data-theme="dark"] .prt-plan,
html[data-theme="dark"] .prt-form-wrap,
html[data-theme="dark"] .prt-roadmap-step,
html[data-theme="dark"] .faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .prt-plan-featured {
  border-color: #8b5cf6 !important;
  background: #131c31 !important;
}

html[data-theme="dark"] .prt-field input,
html[data-theme="dark"] .prt-field select,
html[data-theme="dark"] .prt-field textarea {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .prt-field label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .prt-brand-logo,
html[data-theme="dark"] .prt-logos-grid {
  filter: brightness(0.9) contrast(1.1);
}

/* ==========================================================================
   CAREERS PAGE DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .careers-hero {
  background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.12) 0%, rgba(16, 185, 129, 0.06) 45%, transparent 70%), #090e1a !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .careers-hero h1,
html[data-theme="dark"] .phil-card h3,
html[data-theme="dark"] .why-card h3,
html[data-theme="dark"] .domain-card h3,
html[data-theme="dark"] .role-item-name,
html[data-theme="dark"] .apply-card-head h2,
html[data-theme="dark"] .direct-email-info h4,
html[data-theme="dark"] .careers-head h2,
html[data-theme="dark"] .role-cat-head h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .careers-hero .lead-text,
html[data-theme="dark"] .phil-card p,
html[data-theme="dark"] .why-card p,
html[data-theme="dark"] .domain-card p,
html[data-theme="dark"] .role-item p,
html[data-theme="dark"] .careers-head p,
html[data-theme="dark"] .careers-section p,
html[data-theme="dark"] .apply-card-head p,
html[data-theme="dark"] .direct-email-info p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .careers-hero .tagline {
  color: #34d399 !important;
}

html[data-theme="dark"] .careers-hero-badge {
  background: rgba(99, 102, 241, 0.15) !important;
  border-color: rgba(99, 102, 241, 0.3) !important;
  color: #c4b5fd !important;
}

html[data-theme="dark"] .careers-head .sub-badge,
html[data-theme="dark"] .apply-card-head .sub-badge {
  color: #34d399 !important;
}

html[data-theme="dark"] .stat-pill {
  background: #131c31 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .careers-hero-actions .btn-outline,
html[data-theme="dark"] .careers-hero-actions .btn-careers-apply {
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .careers-hero-actions .btn-outline:hover,
html[data-theme="dark"] .careers-hero-actions .btn-careers-apply:hover {
  background: #10b981 !important;
  color: #090e1a !important;
  border-color: #10b981 !important;
}

html[data-theme="dark"] .phil-card,
html[data-theme="dark"] .why-card,
html[data-theme="dark"] .domain-card,
html[data-theme="dark"] .role-category-card,
html[data-theme="dark"] .apply-card,
html[data-theme="dark"] .direct-email-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .why-card:hover,
html[data-theme="dark"] .domain-card:hover,
html[data-theme="dark"] .role-category-card:hover,
html[data-theme="dark"] .phil-card:hover {
  border-color: rgba(52, 211, 153, 0.4) !important;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .domain-icon-wrap {
  background: #1e293b !important;
  color: #34d399 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .domain-tag {
  background: #1e293b !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .role-filter-btn {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}
html[data-theme="dark"] .role-filter-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme="dark"] .role-filter-btn.active {
  background: #059669 !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(16, 185, 129, 0.35) !important;
}

html[data-theme="dark"] .role-cat-head {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .role-count-badge {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #a5b4fc !important;
  border: 1px solid rgba(99, 102, 241, 0.35) !important;
}

html[data-theme="dark"] .role-item {
  background: #162032 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html[data-theme="dark"] .role-item:hover {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .role-apply-mini-btn {
  color: #34d399 !important;
  background: rgba(52, 211, 153, 0.12) !important;
  border: 1px solid rgba(52, 211, 153, 0.25) !important;
}
html[data-theme="dark"] .role-apply-mini-btn:hover {
  background: #10b981 !important;
  color: #090e1a !important;
  border-color: #10b981 !important;
}

html[data-theme="dark"] .phil-number {
  color: rgba(52, 211, 153, 0.45) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .apply-card-head {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .careers-input,
html[data-theme="dark"] .careers-select,
html[data-theme="dark"] .careers-textarea {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .careers-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] .careers-input:focus,
html[data-theme="dark"] .careers-select:focus,
html[data-theme="dark"] .careers-textarea:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.18) !important;
}

html[data-theme="dark"] .careers-form-label {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .skill-pill {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .skill-pill:hover {
  background: #334155 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .skill-pill.selected {
  background: #059669 !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.35) !important;
}

html[data-theme="dark"] .direct-email-card {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .email-copy-btn {
  background: rgba(52, 211, 153, 0.12) !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
  color: #34d399 !important;
}
html[data-theme="dark"] .email-copy-btn:hover {
  background: #10b981 !important;
  color: #090e1a !important;
  border-color: #10b981 !important;
}
html[data-theme="dark"] .email-copy-btn.secondary {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .email-copy-btn.secondary:hover {
  background: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .careers-section {
  background: transparent !important;
}

html[data-theme="dark"] .careers-section.bg-light {
  background: #080c14 !important;
}

html[data-theme="dark"] .careers-section.bg-white {
  background: #0b1120 !important;
}

html[data-theme="dark"] .apply-section {
  background: linear-gradient(180deg, #080c14 0%, #0d1322 100%) !important;
}

/* ==========================================================================
   INDUSTRY PAGES DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .industry-page {
  background: #080c14 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .industry-hero {
  background: radial-gradient(1000px 500px at 50% -50px, rgba(99, 102, 241, 0.15), transparent 70%), #080c14 !important;
}

html[data-theme="dark"] .industry-hero-content h1,
html[data-theme="dark"] .industry-marquee-title,
html[data-theme="dark"] .industry-feature-title,
html[data-theme="dark"] .industry-sol-card h3,
html[data-theme="dark"] .stage-display-title,
html[data-theme="dark"] .stage-copy h3,
html[data-theme="dark"] .industry-faq-header,
[data-theme="dark"] .industry-hero-content h1,
[data-theme="dark"] .industry-marquee-title,
[data-theme="dark"] .industry-feature-title,
[data-theme="dark"] .industry-sol-card h3,
[data-theme="dark"] .stage-display-title,
[data-theme="dark"] .stage-copy h3,
[data-theme="dark"] .industry-faq-header {
  color: #ffffff !important;
}

html[data-theme="dark"] .industry-hero-lead,
html[data-theme="dark"] .industry-marquee-sub,
html[data-theme="dark"] .industry-feature-desc,
html[data-theme="dark"] .industry-sol-card p,
html[data-theme="dark"] .stage-subtitle,
html[data-theme="dark"] .stage-copy p,
html[data-theme="dark"] .stage-features li,
html[data-theme="dark"] .industry-faq-body,
[data-theme="dark"] .industry-hero-lead,
[data-theme="dark"] .industry-marquee-sub,
[data-theme="dark"] .industry-feature-desc,
[data-theme="dark"] .industry-sol-card p,
[data-theme="dark"] .stage-subtitle,
[data-theme="dark"] .stage-copy p,
[data-theme="dark"] .stage-features li,
[data-theme="dark"] .industry-faq-body {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .industry-crumb-nav a,
[data-theme="dark"] .industry-crumb-nav a {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .industry-crumb-nav span,
[data-theme="dark"] .industry-crumb-nav span {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .industry-partner-badge,
[data-theme="dark"] .industry-partner-badge {
  background: rgba(99, 102, 241, 0.15) !important;
  border-color: rgba(99, 102, 241, 0.3) !important;
  color: #c4b5fd !important;
}

html[data-theme="dark"] .industry-marquee-section,
[data-theme="dark"] .industry-marquee-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .industry-logo-item,
[data-theme="dark"] .industry-logo-item {
  color: #CBD5E1 !important;
}
html[data-theme="dark"] .industry-logo-item svg,
[data-theme="dark"] .industry-logo-item svg {
  fill: #A5B4FC !important;
  color: #A5B4FC !important;
}

html[data-theme="dark"] .industry-features-section,
[data-theme="dark"] .industry-features-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .industry-feature-bullets li,
[data-theme="dark"] .industry-feature-bullets li {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .industry-bullet-icon,
[data-theme="dark"] .industry-bullet-icon {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #A5B4FC !important;
}

html[data-theme="dark"] .industry-solutions-section,
[data-theme="dark"] .industry-solutions-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .industry-sol-card,
[data-theme="dark"] .industry-sol-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .industry-sol-card:hover,
[data-theme="dark"] .industry-sol-card:hover {
  border-color: rgba(99, 102, 241, 0.5) !important;
  box-shadow: 0 16px 36px rgba(99, 102, 241, 0.2) !important;
}
html[data-theme="dark"] .industry-sol-icon,
[data-theme="dark"] .industry-sol-icon {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #A5B4FC !important;
}

/* 5-Stage Interactive Lifecycle Tour */
html[data-theme="dark"] .stages-native,
[data-theme="dark"] .stages-native {
  background: #080C14 !important;
}
html[data-theme="dark"] .stages-native:before,
[data-theme="dark"] .stages-native:before {
  background: radial-gradient(ellipse, rgba(99, 102, 241, 0.18), rgba(124, 58, 237, 0.08) 40%, transparent 72%) !important;
}
html[data-theme="dark"] .stage-kicker,
[data-theme="dark"] .stage-kicker {
  background: rgba(99, 102, 241, 0.15) !important;
  color: #A5B4FC !important;
  border-color: rgba(99, 102, 241, 0.35) !important;
}
html[data-theme="dark"] .stage-tabs,
[data-theme="dark"] .stage-tabs {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .stage-tab,
[data-theme="dark"] .stage-tab {
  background: transparent !important;
  border-color: transparent !important;
  color: #94a3b8 !important;
}
html[data-theme="dark"] .stage-tab:hover,
[data-theme="dark"] .stage-tab:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #C7D2FE !important;
}
html[data-theme="dark"] .stage-tab.active,
[data-theme="dark"] .stage-tab.active {
  background: #6366F1 !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4) !important;
}
html[data-theme="dark"] .stage-panes,
[data-theme="dark"] .stage-panes {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .stage-pane,
[data-theme="dark"] .stage-pane {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .stage-demo-label,
[data-theme="dark"] .stage-demo-label {
  color: #818CF8 !important;
}
html[data-theme="dark"] .stage-feature-item,
[data-theme="dark"] .stage-feature-item {
  color: #E2E8F0 !important;
}
html[data-theme="dark"] .stage-feature-item i,
[data-theme="dark"] .stage-feature-item i {
  background: linear-gradient(180deg, #6366F1, #4F46E5) !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .stage-media,
[data-theme="dark"] .stage-media {
  background: #1E293B !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .stage-media img,
[data-theme="dark"] .stage-media img {
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.45)) !important;
}

/* FAQ Accordion */
html[data-theme="dark"] .industry-faq-section,
[data-theme="dark"] .industry-faq-section {
  background: #080c14 !important;
}
html[data-theme="dark"] .industry-faq-item,
[data-theme="dark"] .industry-faq-item {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .industry-faq-item.active,
[data-theme="dark"] .industry-faq-item.active {
  border-color: rgba(99, 102, 241, 0.45) !important;
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15) !important;
}
html[data-theme="dark"] .industry-faq-header,
[data-theme="dark"] .industry-faq-header {
  background: #111827 !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .industry-faq-header:hover,
[data-theme="dark"] .industry-faq-header:hover {
  background: #161F30 !important;
  color: #A5B4FC !important;
}
html[data-theme="dark"] .industry-faq-header svg,
[data-theme="dark"] .industry-faq-header svg {
  color: #94A3B8 !important;
}
html[data-theme="dark"] .industry-faq-item.active .industry-faq-header,
[data-theme="dark"] .industry-faq-item.active .industry-faq-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .industry-faq-body,
[data-theme="dark"] .industry-faq-body {
  background: #111827 !important;
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .industry-hero-floating-badge,
[data-theme="dark"] .industry-hero-floating-badge {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .industry-btn-ghost,
[data-theme="dark"] .industry-btn-ghost {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .industry-btn-white,
[data-theme="dark"] .industry-btn-white {
  background: #ffffff !important;
  color: #3730a3 !important;
}



/* ==========================================================================
   ABOUT PAGE DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .ab-page,
html[data-theme="dark"] .ab-hero,
html[data-theme="dark"] .ab-page .section,
html[data-theme="dark"] .ab-page .section-alt {
  background: transparent !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .ab-hero h1,
html[data-theme="dark"] .ab-story-content h2,
html[data-theme="dark"] .ab-build-card h3,
html[data-theme="dark"] .ab-mission-card h3,
html[data-theme="dark"] .ab-tl-item h3,
html[data-theme="dark"] .ab-office-card h3,
html[data-theme="dark"] .ab-why-card h3,
html[data-theme="dark"] .ab-partner-card h3,
html[data-theme="dark"] .ab-value-card h3,
html[data-theme="dark"] .ab-trust-card h3,
html[data-theme="dark"] .ab-faq-q,
html[data-theme="dark"] .ab-step h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .ab-hero .lead,
html[data-theme="dark"] .ab-story-content p,
html[data-theme="dark"] .ab-build-card p,
html[data-theme="dark"] .ab-mission-card p,
html[data-theme="dark"] .ab-tl-item p,
html[data-theme="dark"] .ab-office-card p,
html[data-theme="dark"] .ab-why-card p,
html[data-theme="dark"] .ab-partner-card p,
html[data-theme="dark"] .ab-value-card p,
html[data-theme="dark"] .ab-trust-card p,
html[data-theme="dark"] .ab-step p,
html[data-theme="dark"] .ab-testi-card blockquote,
html[data-theme="dark"] .ab-faq-a {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ab-vision-quote {
  background: linear-gradient(135deg, #ffffff 0%, #c4b5fd 50%, #67e8f9 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html[data-theme="dark"] .ab-build-card,
html[data-theme="dark"] .ab-mission-card,
html[data-theme="dark"] .ab-office-card,
html[data-theme="dark"] .ab-ind-card,
html[data-theme="dark"] .ab-step,
html[data-theme="dark"] .ab-why-card,
html[data-theme="dark"] .ab-tech-item,
html[data-theme="dark"] .ab-partner-card,
html[data-theme="dark"] .ab-testi-card,
html[data-theme="dark"] .ab-value-card,
html[data-theme="dark"] .ab-trust-card,
html[data-theme="dark"] .ab-faq-item,
html[data-theme="dark"] .ab-story-placeholder,
html[data-theme="dark"] .ab-logo-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ab-map-flow {
  background: #0b0f19 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .ab-map-flow span {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .badge-ab {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  color: #c4b5fd !important;
}

/* ==========================================================================
   CONTACT PAGE DARK MODE OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .ct-page,
html[data-theme="dark"] .ct-hero,
html[data-theme="dark"] .ct-page .section,
html[data-theme="dark"] .ct-page .section-alt {
  background: transparent !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .ct-hero h1,
html[data-theme="dark"] .ct-quick-card h3,
html[data-theme="dark"] .ct-form-card h2,
html[data-theme="dark"] .ct-office h3,
html[data-theme="dark"] .ct-step h3,
html[data-theme="dark"] .ct-help-card span,
html[data-theme="dark"] .ct-support-card h4,
html[data-theme="dark"] .ct-reach-card h4,
html[data-theme="dark"] .ct-map-popup h4,
html[data-theme="dark"] .ct-faq-q {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-hero .lead,
html[data-theme="dark"] .ct-quick-card p,
html[data-theme="dark"] .ct-form-card .form-lead,
html[data-theme="dark"] .ct-office .city,
html[data-theme="dark"] .ct-office-detail,
html[data-theme="dark"] .ct-step p,
html[data-theme="dark"] .ct-support-card p,
html[data-theme="dark"] .ct-reach-card p,
html[data-theme="dark"] .ct-reach-card a,
html[data-theme="dark"] .ct-map-popup p,
html[data-theme="dark"] .ct-faq-a {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ct-quick-card,
html[data-theme="dark"] .ct-form-card,
html[data-theme="dark"] .ct-office,
html[data-theme="dark"] .ct-map-popup,
html[data-theme="dark"] .ct-help-card,
html[data-theme="dark"] .ct-support-card,
html[data-theme="dark"] .ct-reach-card,
html[data-theme="dark"] .ct-faq-item {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ct-field label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ct-field input,
html[data-theme="dark"] .ct-field select,
html[data-theme="dark"] .ct-field textarea {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-field input:focus,
html[data-theme="dark"] .ct-field select:focus,
html[data-theme="dark"] .ct-field textarea:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25) !important;
}

html[data-theme="dark"] .ct-journey {
  background: linear-gradient(160deg, #111827 0%, #1e1b4b 100%) !important;
  border-color: rgba(139, 92, 246, 0.2) !important;
}

html[data-theme="dark"] .ct-journey-screen h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-journey-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-journey-btn:hover {
  background: #334155 !important;
  border-color: #8b5cf6 !important;
}

html[data-theme="dark"] .ct-logo-slot {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #64748b !important;
}

/* ==========================================================================
   PRO ENHANCEMENTS: HERO WHATSAPP SIMULATOR & INTERACTIVE COMPONENTS
   ========================================================================== */
/* Hero Animated Flow Builder Box */
html[data-theme="dark"] .cw-hero-anim-box,
body.dark-theme .cw-hero-anim-box {
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .cw-hero-anim-heading,
body.dark-theme .cw-hero-anim-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .cw-hero-anim-sub,
body.dark-theme .cw-hero-anim-sub {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .cw-hero-anim-pill,
body.dark-theme .cw-hero-anim-pill {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
  border: 1px solid rgba(124, 58, 237, 0.35) !important;
}

html[data-theme="dark"] .cw-hero-anim-expand-btn,
body.dark-theme .cw-hero-anim-expand-btn {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

/* Trust Badges & Floating Elements in Hero */
html[data-theme="dark"] .cw-trust-item,
body.dark-theme .cw-trust-item {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .cw-counter-item,
body.dark-theme .cw-counter-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .cw-counter-num,
body.dark-theme .cw-counter-num {
  color: #ffffff !important;
}

html[data-theme="dark"] .cw-counter-label,
body.dark-theme .cw-counter-label {
  color: #94a3b8 !important;
}

/* Authentic Dark Mode WhatsApp Phone Simulator */
html[data-theme="dark"] .cw-phone-device,
body.dark-theme .cw-phone-device {
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.85), 0 0 35px rgba(124, 58, 237, 0.25) !important;
  border-color: #242b35 !important;
}

html[data-theme="dark"] .cw-phone-topbar,
body.dark-theme .cw-phone-topbar {
  background: #111b21 !important;
  color: #8696a0 !important;
}

html[data-theme="dark"] .cw-wa-header,
body.dark-theme .cw-wa-header {
  background: #202c33 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e9edef !important;
}

html[data-theme="dark"] .cw-wa-title-row strong,
body.dark-theme .cw-wa-title-row strong {
  color: #e9edef !important;
}

html[data-theme="dark"] .cw-wa-subtitle,
body.dark-theme .cw-wa-subtitle {
  color: #8696a0 !important;
}

html[data-theme="dark"] .cw-tool-btn,
body.dark-theme .cw-tool-btn {
  color: #aebac1 !important;
}

html[data-theme="dark"] .cw-wa-body,
body.dark-theme .cw-wa-body {
  background: #0b141a !important;
  background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
}

html[data-theme="dark"] .cw-bubble.user,
body.dark-theme .cw-bubble.user {
  background: #005c4b !important;
  color: #e9edef !important;
}

html[data-theme="dark"] .cw-bubble.user::after,
body.dark-theme .cw-bubble.user::after {
  background: #005c4b !important;
}

html[data-theme="dark"] .cw-bubble.bot,
body.dark-theme .cw-bubble.bot {
  background: #202c33 !important;
  color: #e9edef !important;
}

html[data-theme="dark"] .cw-bubble.bot::after,
body.dark-theme .cw-bubble.bot::after {
  background: #202c33 !important;
}

html[data-theme="dark"] .cw-bubble-meta,
body.dark-theme .cw-bubble-meta {
  color: #8696a0 !important;
}

html[data-theme="dark"] .cw-ticks.double-blue,
body.dark-theme .cw-ticks.double-blue {
  color: #53bdeb !important;
}

html[data-theme="dark"] .cw-wa-footer,
body.dark-theme .cw-wa-footer {
  background: #202c33 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .cw-chat-input,
body.dark-theme .cw-chat-input {
  background: #2a3942 !important;
  color: #e9edef !important;
  border: 1px solid transparent !important;
}

html[data-theme="dark"] .cw-action-chip,
body.dark-theme .cw-action-chip {
  background: #202c33 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #00a884 !important;
}

/* ==========================================================================
   PRO ENHANCEMENTS: CUSTOMER STORIES & TESTIMONIALS INFINITE SCROLLER
   ========================================================================== */
html[data-theme="dark"] .stories-stats-strip,
body.dark-theme .stories-stats-strip {
  background: rgba(15, 23, 42, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .stories-stat-val,
body.dark-theme .stories-stat-val {
  color: #ffffff !important;
}

html[data-theme="dark"] .stories-stat-lbl,
body.dark-theme .stories-stat-lbl {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .stories-stat-sep,
body.dark-theme .stories-stat-sep {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Story Filter Chips */
html[data-theme="dark"] .story-chip-btn,
body.dark-theme .story-chip-btn {
  background: #111827 !important;
  border: 1px solid #1f293d !important;
  color: #94a3b8 !important;
}

html[data-theme="dark"] .story-chip-btn.active,
html[data-theme="dark"] .story-chip-btn:hover,
body.dark-theme .story-chip-btn.active,
body.dark-theme .story-chip-btn:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(124, 58, 237, 0.35) !important;
}

/* Stories Scroller Card */
html[data-theme="dark"] .story-scroller-card,
body.dark-theme .story-scroller-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .story-scroller-card:hover,
body.dark-theme .story-scroller-card:hover {
  background: #141d30 !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 16px 40px rgba(139, 92, 246, 0.25) !important;
}

html[data-theme="dark"] .story-headline,
body.dark-theme .story-headline {
  color: #ffffff !important;
}

html[data-theme="dark"] .story-quote,
body.dark-theme .story-quote {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .story-author-name,
body.dark-theme .story-author-name {
  color: #ffffff !important;
}

html[data-theme="dark"] .story-author-role,
body.dark-theme .story-author-role {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .story-metric-chip,
body.dark-theme .story-metric-chip {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

/* Bottom CTA in Testimonials */
html[data-theme="dark"] .stories-bottom-card,
body.dark-theme .stories-bottom-card {
  background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%) !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .stories-bottom-content h3,
body.dark-theme .stories-bottom-content h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .stories-bottom-content p,
body.dark-theme .stories-bottom-content p {
  color: #cbd5e1 !important;
}

/* Controls */
html[data-theme="dark"] .stories-ctrl-btn,
html[data-theme="dark"] .stories-nav-arrow,
body.dark-theme .stories-ctrl-btn,
body.dark-theme .stories-nav-arrow {
  background: #141d30 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .stories-ctrl-btn:hover,
html[data-theme="dark"] .stories-nav-arrow:hover,
body.dark-theme .stories-ctrl-btn:hover,
body.dark-theme .stories-nav-arrow:hover {
  background: #1e293b !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   PRO ENHANCEMENTS: MODALS & LEAD CAPTURE OVERLAYS
   ========================================================================== */
html[data-theme="dark"] .modal-box,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .custom-modal-content,
body.dark-theme .modal-box,
body.dark-theme .modal-content,
body.dark-theme .custom-modal-content {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f8fafc !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85) !important;
}

html[data-theme="dark"] .modal-header h3,
html[data-theme="dark"] .modal-title,
body.dark-theme .modal-header h3,
body.dark-theme .modal-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .modal-body label,
html[data-theme="dark"] .form-label,
body.dark-theme .modal-body label,
body.dark-theme .form-label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .modal-body input,
html[data-theme="dark"] .modal-body select,
html[data-theme="dark"] .modal-body textarea,
html[data-theme="dark"] .form-input,
body.dark-theme .modal-body input,
body.dark-theme .modal-body select,
body.dark-theme .modal-body textarea,
body.dark-theme .form-input {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .modal-close,
body.dark-theme .modal-close {
  color: #94a3b8 !important;
}

/* ==========================================================================
   PRO ENHANCEMENTS: ROBOT CHATBOT FLOATING WIDGET
   ========================================================================== */
html[data-theme="dark"] #cw-bot-chat-box,
body.dark-theme #cw-bot-chat-box {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="dark"] .cw-teaser-bubble,
body.dark-theme .cw-teaser-bubble {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .cw-teaser-text strong,
body.dark-theme .cw-teaser-text strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .cw-teaser-text span,
body.dark-theme .cw-teaser-text span {
  color: #94a3b8 !important;
}

/* ==========================================================================
   PRO ENHANCEMENTS: FOOTER & INTEGRATION OVERRIDES
   ========================================================================== */
html[data-theme="dark"] .site-footer,
body.dark-theme .site-footer {
  background: #05080f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .footer-address-text,
body.dark-theme .footer-address-text {
  color: #ffffff !important;
}

html[data-theme="dark"] .footer-social-links a,
body.dark-theme .footer-social-links a {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #c4b5fd !important;
}

html[data-theme="dark"] .footer-social-links a:hover,
body.dark-theme .footer-social-links a:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.4) !important;
}

/* ==========================================================================
   13. Cloned Product Pages (CTWA, Chatbot, Broadcast, etc.) & Use Cases
   ========================================================================== */
html[data-theme="dark"] .cloned-hellobots-page {
  background: #080c14 !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .hero-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .whatsapp-heading,
html[data-theme="dark"] .whatsApp-headings,
html[data-theme="dark"] .partners-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .hero-text,
html[data-theme="dark"] .section-subtitle,
html[data-theme="dark"] .api-subtext {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .meta-partner {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .partners-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .partners-section .swiper-slide img {
  filter: grayscale(1) invert(0.85) !important;
}

html[data-theme="dark"] .what-is-api {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .what-is-api p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .whatsapp-usecase {
  background: #080c14 !important;
}

html[data-theme="dark"] .whatsapp-usecase .api-content h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .whatsapp-usecase .api-content p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .whatsapp-usecase .api-content li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .how-it-works {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .step-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .step-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .step-card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .usecase-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .grid-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .grid-item h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .grid-item p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .grid-item .learn-more {
  color: #38bdf8 !important;
}

/* Industry Use Cases Grid (User's Screenshot) */
html[data-theme="dark"] #usecases-explore,
html[data-theme="dark"] .usecase-section#usecases-explore {
  background: #080c14 !important;
}

html[data-theme="dark"] #usecases-explore .use-case-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #usecases-explore .use-case-card:hover {
  background: #1e293b !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #usecases-explore .use-case-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .reviews-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .awards-column,
html[data-theme="dark"] .reviews-wrapper {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .review-section-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .review-count {
  color: #34d399 !important;
}

html[data-theme="dark"] .dark-invert {
  color: #ffffff !important;
}

html[data-theme="dark"] .section {
  background: #080c14 !important;
}

html[data-theme="dark"] .cards .card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .cards .card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .cards .card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .cards .card .learn-more {
  color: #38bdf8 !important;
}

html[data-theme="dark"] .faq-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .custom-faq-accordion .faq-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .custom-faq-accordion .faq-question {
  background: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .custom-faq-accordion .faq-title h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .custom-faq-accordion .faq-answer {
  background: #0f172a !important;
  color: #cbd5e1 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .custom-faq-accordion .faq-arrow {
  border-right-color: #34d399 !important;
  border-bottom-color: #34d399 !important;
}

/* Universal FAQ Accordion (.faq-itemm, .faq-questionn, .faq-answerr) across all product & integration pages */
html[data-theme="dark"] .faq-itemm,
body.dark-theme .faq-itemm {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .faq-questionn,
body.dark-theme .faq-questionn {
  background: #0f172a !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .faq-text,
body.dark-theme .faq-text {
  color: #ffffff !important;
}
html[data-theme="dark"] .faq-answerr,
body.dark-theme .faq-answerr {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .faq-answerr p,
body.dark-theme .faq-answerr p,
html[data-theme="dark"] .faq-answerr li,
body.dark-theme .faq-answerr li,
html[data-theme="dark"] .faq-answerr span,
body.dark-theme .faq-answerr span {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .faq-arrow,
body.dark-theme .faq-arrow {
  color: #34d399 !important;
}
html[data-theme="dark"] .faq-arrow::after,
body.dark-theme .faq-arrow::after {
  border-color: #34d399 !important;
}

/* Ported Cloned Pages Dark Mode Containers */
html[data-theme="dark"] .cloned-hellobots-page,
body.dark-theme .cloned-hellobots-page {
  background-color: #080c14 !important;
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .trust-section,
body.dark-theme .trust-section {
  background: #0b0f19 !important;
}
html[data-theme="dark"] .trust-section h2,
body.dark-theme .trust-section h2,
html[data-theme="dark"] .trust-section h3,
body.dark-theme .trust-section h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .trust-section p,
body.dark-theme .trust-section p {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .trust-point,
body.dark-theme .trust-point {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .ws-section,
body.dark-theme .ws-section {
  background: #080c14 !important;
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .ws-section h2,
body.dark-theme .ws-section h2,
html[data-theme="dark"] .ws-section h3,
body.dark-theme .ws-section h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .ws-section p,
body.dark-theme .ws-section p {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .ws-section .feature-box,
body.dark-theme .ws-section .feature-box,
html[data-theme="dark"] .ws-section .step-card,
body.dark-theme .ws-section .step-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* WhatsApp Simulated Chat Bubbles & Mockup UI */
html[data-theme="dark"] .sh-phone-screen,
body.dark-theme .sh-phone-screen {
  background: #0b141a !important;
}
html[data-theme="dark"] .sh-phone-frame .sh-wa-bubble,
body.dark-theme .sh-phone-frame .sh-wa-bubble,
html[data-theme="dark"] .sh-wa-bubble,
body.dark-theme .sh-wa-bubble {
  background: #202c33 !important;
  color: #e9edef !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .sh-phone-frame .sh-wa-bubble.right,
body.dark-theme .sh-phone-frame .sh-wa-bubble.right,
html[data-theme="dark"] .sh-wa-bubble.right,
body.dark-theme .sh-wa-bubble.right {
  background: #005c4b !important;
  color: #e9edef !important;
}
html[data-theme="dark"] .sh-phone-frame .sh-wa-bubble *,
body.dark-theme .sh-phone-frame .sh-wa-bubble *,
html[data-theme="dark"] .sh-wa-bubble *,
body.dark-theme .sh-wa-bubble * {
  color: #e9edef !important;
}
html[data-theme="dark"] .sh-wa-bubble .time,
body.dark-theme .sh-wa-bubble .time {
  color: #8696a0 !important;
}
html[data-theme="dark"] .sh-wa-bubble .badge,
body.dark-theme .sh-wa-bubble .badge {
  background: #10b981 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .sh-wa-bubble .sh-wa-btn,
body.dark-theme .sh-wa-bubble .sh-wa-btn {
  background: #202c33 !important;
  color: #00a884 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   COMPREHENSIVE MASTER DARK MODE PATCH (ALL PAGES & SECTIONS)
   ========================================================================== */

/* 1. Channel WhatsApp: Capabilities Showcase & Platform Walkthrough */
html[data-theme="dark"] .cw-cap-container,
body.dark-theme .cw-cap-container {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .cw-cap-sidebar,
body.dark-theme .cw-cap-sidebar {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-cap-sidebar-title,
body.dark-theme .cw-cap-sidebar-title {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-cap-tab,
body.dark-theme .cw-cap-tab {
  background: #141d30 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-cap-tab:hover:not(.active),
body.dark-theme .cw-cap-tab:hover:not(.active) {
  background: #1e293b !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-cap-tab.active,
body.dark-theme .cw-cap-tab.active {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.4) !important;
}
html[data-theme="dark"] .cw-cap-panel,
body.dark-theme .cw-cap-panel {
  background: #0b0f19 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cw-cap-title,
body.dark-theme .cw-cap-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-cap-desc,
body.dark-theme .cw-cap-desc {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cw-cap-bullet-item,
body.dark-theme .cw-cap-bullet-item {
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .cw-media-caption,
body.dark-theme .cw-media-caption {
  background: #111827 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-showcase-tab,
body.dark-theme .cw-showcase-tab {
  background: #141d30 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .cw-showcase-tab.active,
body.dark-theme .cw-showcase-tab.active {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-showcase-card,
body.dark-theme .cw-showcase-card {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .cw-sc-text strong,
body.dark-theme .cw-sc-text strong {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-sc-text span,
body.dark-theme .cw-sc-text span {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cw-sc-icon,
body.dark-theme .cw-sc-icon {
  background: rgba(16, 185, 129, 0.2) !important;
}
html[data-theme="dark"] .cw-showcase-pill,
body.dark-theme .cw-showcase-pill {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #34d399 !important;
}
html[data-theme="dark"] .cw-showcase-title,
body.dark-theme .cw-showcase-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .cw-showcase-subtitle,
body.dark-theme .cw-showcase-subtitle {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cw-btn-secondary,
html[data-theme="dark"] .cw-btn-white,
body.dark-theme .cw-btn-secondary,
body.dark-theme .cw-btn-white {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #334155 !important;
}

/* 2. Channel Instagram: Capabilities Cards, Simulator, & Flows */
html[data-theme="dark"] .cig-cap-card,
body.dark-theme .cig-cap-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .cig-cap-card:hover,
body.dark-theme .cig-cap-card:hover {
  background: #141d30 !important;
  border-color: #ec4899 !important;
  box-shadow: 0 12px 28px -6px rgba(236, 72, 153, 0.25) !important;
}
html[data-theme="dark"] .cig-cap-card h3,
body.dark-theme .cig-cap-card h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .cig-cap-card p,
body.dark-theme .cig-cap-card p {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cig-sim-box,
body.dark-theme .cig-sim-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cig-sim-input-wrap input,
body.dark-theme .cig-sim-input-wrap input {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cig-chip,
body.dark-theme .cig-chip {
  background: rgba(236, 72, 153, 0.15) !important;
  border-color: rgba(236, 72, 153, 0.3) !important;
  color: #f472b6 !important;
}
html[data-theme="dark"] .cig-flow-card,
body.dark-theme .cig-flow-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .cig-faq-trigger,
body.dark-theme .cig-faq-trigger {
  background: #0f172a !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .cig-faq-content,
body.dark-theme .cig-faq-content {
  background: #0b0f19 !important;
  color: #cbd5e1 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cig-btn-white,
body.dark-theme .cig-btn-white {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* 3. Channel Facebook: Capabilities Cards & Buttons */
html[data-theme="dark"] .cfb-cap-card,
body.dark-theme .cfb-cap-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .cfb-cap-card:hover,
body.dark-theme .cfb-cap-card:hover {
  background: #141d30 !important;
  border-color: #1877f2 !important;
  box-shadow: 0 12px 28px -6px rgba(24, 119, 242, 0.25) !important;
}
html[data-theme="dark"] .cfb-cap-card h3,
body.dark-theme .cfb-cap-card h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .cfb-cap-card p,
body.dark-theme .cfb-cap-card p {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .cfb-cap-icon,
body.dark-theme .cfb-cap-icon {
  background: rgba(24, 119, 242, 0.15) !important;
  color: #60a5fa !important;
}
html[data-theme="dark"] .cfb-btn-white,
body.dark-theme .cfb-btn-white {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* 4. Channel Telegram: Buttons & Secondary Actions */
html[data-theme="dark"] .ctg-btn-white,
body.dark-theme .ctg-btn-white {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* 5. Partners Page: Soft Sections, Steps, Social Grow */
html[data-theme="dark"] .pp-section-soft,
body.dark-theme .pp-section-soft {
  background: #080c14 !important;
}
html[data-theme="dark"] .pp-join-card,
body.dark-theme .pp-join-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .reseller-step,
body.dark-theme .reseller-step {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .grow-social,
body.dark-theme .grow-social {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 6. Homepage & Integrations Marquee */
html[data-theme="dark"] .hb-integrations-marquee-section,
body.dark-theme .hb-integrations-marquee-section,
[data-theme="dark"] .hb-integrations-marquee-section,
html[data-theme="dark"] #integrations-stack,
[data-theme="dark"] #integrations-stack {
  background: #080c14 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .hb-marquee-wrapper::before,
html[data-theme="dark"] .marquee-wrapper::before,
body.dark-theme .hb-marquee-wrapper::before,
body.dark-theme .marquee-wrapper::before,
[data-theme="dark"] .hb-marquee-wrapper::before,
[data-theme="dark"] .marquee-wrapper::before {
  background: linear-gradient(to right, #080c14 0%, rgba(8, 12, 20, 0) 100%) !important;
}
html[data-theme="dark"] .hb-marquee-wrapper::after,
html[data-theme="dark"] .marquee-wrapper::after,
body.dark-theme .hb-marquee-wrapper::after,
body.dark-theme .marquee-wrapper::after,
[data-theme="dark"] .hb-marquee-wrapper::after,
[data-theme="dark"] .marquee-wrapper::after {
  background: linear-gradient(to left, #080c14 0%, rgba(8, 12, 20, 0) 100%) !important;
}
html[data-theme="dark"] .hb-int-card,
body.dark-theme .hb-int-card,
[data-theme="dark"] .hb-int-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .hb-int-card:hover,
body.dark-theme .hb-int-card:hover,
[data-theme="dark"] .hb-int-card:hover {
  background: #1f2937 !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.25) !important;
}
html[data-theme="dark"] .hb-int-title,
[data-theme="dark"] .hb-int-title {
  color: #f8fafc !important;
}
html[data-theme="dark"] .hb-int-subtitle,
[data-theme="dark"] .hb-int-subtitle {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .hb-int-name,
[data-theme="dark"] .hb-int-name {
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .cw-typing-bubble,
body.dark-theme .cw-typing-bubble {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .cw-chip,
body.dark-theme .cw-chip {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html[data-theme="dark"] .cw-floating-card,
body.dark-theme .cw-floating-card {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* 7. Pricing & Addon Modals */
html[data-theme="dark"] .meta-card,
html[data-theme="dark"] .addon-card,
html[data-theme="dark"] .faq-card,
body.dark-theme .meta-card,
body.dark-theme .addon-card,
body.dark-theme .faq-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .addon-modal,
html[data-theme="dark"] .addon-modal-dialog,
html[data-theme="dark"] .callback-popup,
body.dark-theme .addon-modal,
body.dark-theme .addon-modal-dialog,
body.dark-theme .callback-popup {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
}

/* 8. Industry & Solution Hub Pages */
html[data-theme="dark"] .ind-stat-card,
html[data-theme="dark"] .ind-why-card,
html[data-theme="dark"] .ind-faq-item,
html[data-theme="dark"] .bfsi-logo-card,
html[data-theme="dark"] .bfsi-why-card,
html[data-theme="dark"] .bfsi-faq-item,
html[data-theme="dark"] .bl-dataset-card,
html[data-theme="dark"] .bl-hub-card,
html[data-theme="dark"] .bl-feature-card,
html[data-theme="dark"] .bl-bsp-card,
html[data-theme="dark"] .bl-faq-item,
html[data-theme="dark"] .edu-journey-card,
html[data-theme="dark"] .edu-solution-card,
html[data-theme="dark"] .edu-why-card,
html[data-theme="dark"] .edu-bsp-card,
body.dark-theme .ind-stat-card,
body.dark-theme .ind-why-card,
body.dark-theme .ind-faq-item,
body.dark-theme .bfsi-logo-card,
body.dark-theme .bfsi-why-card,
body.dark-theme .bfsi-faq-item,
body.dark-theme .bl-dataset-card,
body.dark-theme .bl-hub-card,
body.dark-theme .bl-feature-card,
body.dark-theme .bl-bsp-card,
body.dark-theme .bl-faq-item,
body.dark-theme .edu-journey-card,
body.dark-theme .edu-solution-card,
body.dark-theme .edu-why-card,
body.dark-theme .edu-bsp-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .ind-usecases-section,
html[data-theme="dark"] .ind-why-section,
html[data-theme="dark"] .bfsi-features-section,
html[data-theme="dark"] .bfsi-why-section,
html[data-theme="dark"] .edu-usecase-section,
html[data-theme="dark"] .edu-solutions-section,
html[data-theme="dark"] .edu-why-section,
body.dark-theme .ind-usecases-section,
body.dark-theme .ind-why-section,
body.dark-theme .bfsi-features-section,
body.dark-theme .bfsi-why-section,
body.dark-theme .edu-usecase-section,
body.dark-theme .edu-solutions-section,
body.dark-theme .edu-why-section {
  background: transparent !important;
}
html[data-theme="dark"] .ind-btn-outline,
html[data-theme="dark"] .bfsi-btn-outline,
body.dark-theme .ind-btn-outline,
body.dark-theme .bfsi-btn-outline {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* 9. Product Pages, Resources, & Integrations */
html[data-theme="dark"] .prod-step-card,
html[data-theme="dark"] .prod-faq-item,
html[data-theme="dark"] .res-card,
html[data-theme="dark"] .wa-tpl-card,
html[data-theme="dark"] .cs-card,
html[data-theme="dark"] .dm-cat-card,
html[data-theme="dark"] .dm-product-card,
html[data-theme="dark"] .dm-modal-box,
html[data-theme="dark"] .integration-card,
html[data-theme="dark"] .confused-box,
body.dark-theme .prod-step-card,
body.dark-theme .prod-faq-item,
body.dark-theme .res-card,
body.dark-theme .wa-tpl-card,
body.dark-theme .cs-card,
body.dark-theme .dm-cat-card,
body.dark-theme .dm-product-card,
body.dark-theme .dm-modal-box,
body.dark-theme .integration-card,
body.dark-theme .confused-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .prod-btn-secondary,
html[data-theme="dark"] .prod-cta-btn-white,
body.dark-theme .prod-btn-secondary,
body.dark-theme .prod-cta-btn-white {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .sh-page-wrap,
body.dark-theme .sh-page-wrap {
  background: #080c14 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .sh-leak-card,
html[data-theme="dark"] .sh-engine-card,
html[data-theme="dark"] .sh-moment-card,
body.dark-theme .sh-leak-card,
body.dark-theme .sh-engine-card,
body.dark-theme .sh-moment-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .btn-sh-secondary,
html[data-theme="dark"] .btn-sh-white,
body.dark-theme .btn-sh-secondary,
body.dark-theme .btn-sh-white {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

/* =========================================================
   PRO DARK MODE: FOOTER LEAD GENERATION FORM GLASSMORPHISM
   ========================================================= */
html[data-theme="dark"] .footer-contact-section,
body.dark-theme .footer-contact-section,
.dark-mode .footer-contact-section {
  background-color: #050811 !important;
  background-image: linear-gradient(180deg, rgba(5, 8, 17, 0.88) 0%, rgba(8, 13, 26, 0.78) 50%, rgba(5, 8, 17, 0.98) 100%), url('../images/contact-bg.jpg') !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .contact-glass-card,
body.dark-theme .contact-glass-card,
.dark-mode .contact-glass-card {
  background: rgba(15, 23, 42, 0.84) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(16, 185, 129, 0.2) !important;
  color: #F8FAFC !important;
}
html[data-theme="dark"] .contact-glass-card:hover,
body.dark-theme .contact-glass-card:hover,
.dark-mode .contact-glass-card:hover {
  box-shadow: 0 24px 60px -10px rgba(0, 0, 0, 0.85), 0 0 0 1.5px rgba(16, 185, 129, 0.4) !important;
}
html[data-theme="dark"] .contact-card-title,
body.dark-theme .contact-card-title,
.dark-mode .contact-card-title {
  color: #FFFFFF !important;
}
html[data-theme="dark"] .contact-card-desc,
body.dark-theme .contact-card-desc,
.dark-mode .contact-card-desc {
  color: #94A3B8 !important;
}
html[data-theme="dark"] .contact-item-row,
body.dark-theme .contact-item-row,
.dark-mode .contact-item-row {
  background: rgba(30, 41, 59, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #F1F5F9 !important;
}
html[data-theme="dark"] a.contact-item-row:hover,
body.dark-theme a.contact-item-row:hover,
.dark-mode a.contact-item-row:hover {
  background: rgba(51, 65, 85, 0.8) !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
}
html[data-theme="dark"] .contact-item-label,
body.dark-theme .contact-item-label,
.dark-mode .contact-item-label {
  color: #94A3B8 !important;
}
html[data-theme="dark"] .contact-item-val,
body.dark-theme .contact-item-val,
.dark-mode .contact-item-val {
  color: #F8FAFC !important;
}
html[data-theme="dark"] .icon-loc,
body.dark-theme .icon-loc,
.dark-mode .icon-loc {
  background: rgba(51, 65, 85, 0.6) !important;
  color: #CBD5E1 !important;
}
html[data-theme="dark"] .contact-field-label,
body.dark-theme .contact-field-label,
.dark-mode .contact-field-label {
  color: #E2E8F0 !important;
}
html[data-theme="dark"] .contact-glass-card .form-input,
body.dark-theme .contact-glass-card .form-input,
.dark-mode .contact-glass-card .form-input {
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  color: #F8FAFC !important;
}
html[data-theme="dark"] .contact-glass-card .form-input:focus,
body.dark-theme .contact-glass-card .form-input:focus,
.dark-mode .contact-glass-card .form-input:focus {
  background: #0B1120 !important;
  border-color: #10B981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22) !important;
}
html[data-theme="dark"] .contact-glass-card .form-input::placeholder,
body.dark-theme .contact-glass-card .form-input::placeholder,
.dark-mode .contact-glass-card .form-input::placeholder {
  color: #64748B !important;
}
html[data-theme="dark"] .contact-glass-card .form-input:-webkit-autofill,
html[data-theme="dark"] .contact-glass-card .form-input:-webkit-autofill:hover,
html[data-theme="dark"] .contact-glass-card .form-input:-webkit-autofill:focus,
html[data-theme="dark"] .contact-glass-card .form-input:-webkit-autofill:active,
body.dark-theme .contact-glass-card .form-input:-webkit-autofill,
.dark-mode .contact-glass-card .form-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #0b1120 inset !important;
  -webkit-text-fill-color: #f8fafc !important;
  transition: background-color 5000s ease-in-out 0s;
  caret-color: #f8fafc !important;
}
html[data-theme="dark"] .contact-meta-card,
body.dark-theme .contact-meta-card,
.dark-mode .contact-meta-card {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.85)) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .contact-meta-card strong,
body.dark-theme .contact-meta-card strong,
.dark-mode .contact-meta-card strong {
  color: #F8FAFC !important;
}
html[data-theme="dark"] .contact-meta-card span,
body.dark-theme .contact-meta-card span,
.dark-mode .contact-meta-card span {
  color: #94A3B8 !important;
}
html[data-theme="dark"] .contact-app-block,
body.dark-theme .contact-app-block,
.dark-mode .contact-app-block {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .contact-app-label,
body.dark-theme .contact-app-label,
.dark-mode .contact-app-label {
  color: #94A3B8 !important;
}
html[data-theme="dark"] .contact-app-link,
body.dark-theme .contact-app-link,
.dark-mode .contact-app-link {
  background: #1E293B !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .contact-security-guarantee,
body.dark-theme .contact-security-guarantee,
.dark-mode .contact-security-guarantee {
  color: #94A3B8 !important;
}

/* ==========================================================================
   26. UNIQUE & ATTRACTIVE DARK / LIGHT MODE TRANSITION SYSTEM
   ========================================================================== */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none !important;
  mix-blend-mode: normal !important;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 9999999;
}

/* Global Smooth Color Interpolation during switch */
html.hb-theme-transitioning,
html.hb-theme-transitioning *,
html.hb-theme-transitioning *::before,
html.hb-theme-transitioning *::after {
  transition: background-color 0.42s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.42s cubic-bezier(0.16, 1, 0.3, 1),
              color 0.32s ease,
              box-shadow 0.42s cubic-bezier(0.16, 1, 0.3, 1),
              fill 0.32s ease !important;
  transition-delay: 0s !important;
}

/* Button Pop & Flare Animation */
.theme-toggle-btn.btn-popping {
  animation: hbThemeBtnPop 0.48s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}

@keyframes hbThemeBtnPop {
  0% { transform: scale(1) rotate(0deg); }
  30% { transform: scale(0.85) rotate(-22deg); }
  65% { transform: scale(1.18) rotate(18deg); }
  100% { transform: scale(1) rotate(0deg); }
}

/* Atmospheric Wave Fallback (Smooth circular wave from button) */
.hb-theme-wave {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 99999990;
  will-change: transform, opacity;
  animation: hbThemeWaveExpand 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.hb-theme-wave.wave-dark {
  background: radial-gradient(circle, rgba(15, 23, 42, 0.95) 0%, rgba(8, 12, 20, 0.98) 70%, #080c14 100%);
  box-shadow: 0 0 100px rgba(139, 92, 246, 0.5);
}

.hb-theme-wave.wave-light {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.98) 70%, #ffffff 100%);
  box-shadow: 0 0 100px rgba(251, 191, 36, 0.5);
}

@keyframes hbThemeWaveExpand {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.95;
  }
  75% {
    opacity: 0.95;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

/* ==========================================================================
   27. SITEWIDE COMPREHENSIVE DARK MODE HARMONIZATION
   Pages, Sections, Frames, Mockups & PNG Images
   ========================================================================== */

/* --- PRICING PAGE ADDONS & CARDS --- */
html[data-theme="dark"] .btn-addon-toggle,
body.dark-theme .btn-addon-toggle {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1.5px solid #334155 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .btn-addon-toggle:hover,
body.dark-theme .btn-addon-toggle:hover {
  background: #334155 !important;
  border-color: #0f766e !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(15, 118, 110, 0.3) !important;
}

html[data-theme="dark"] .btn-addon-toggle svg,
body.dark-theme .btn-addon-toggle svg {
  stroke: #cbd5e1 !important;
}

html[data-theme="dark"] .addon-card,
body.dark-theme .addon-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .addon-card:hover,
body.dark-theme .addon-card:hover {
  border-color: rgba(15, 118, 110, 0.5) !important;
  box-shadow: 0 16px 36px rgba(15, 118, 110, 0.2) !important;
}

html[data-theme="dark"] .addon-head h4,
body.dark-theme .addon-head h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .addon-card p.addon-desc,
body.dark-theme .addon-card p.addon-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .addon-price,
body.dark-theme .addon-price {
  color: #2dd4bf !important;
}

html[data-theme="dark"] .addon-modal-footer,
body.dark-theme .addon-modal-footer {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .addon-modal h3,
body.dark-theme .addon-modal h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .addon-modal p,
body.dark-theme .addon-modal p,
html[data-theme="dark"] .addon-modal ul li,
body.dark-theme .addon-modal ul li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .addon-modal-close,
body.dark-theme .addon-modal-close {
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border: 1px solid #334155 !important;
}

html[data-theme="dark"] .pricing-info-box,
body.dark-theme .pricing-info-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .pricing-info-box h4,
body.dark-theme .pricing-info-box h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .pricing-info-box ul li,
body.dark-theme .pricing-info-box ul li {
  color: #cbd5e1 !important;
}

/* --- PARTNER PAGES, MOCKUPS & SUBPAGES --- */
html[data-theme="dark"] .prt-hero-mockup,
html[data-theme="dark"] .prt-pillar-img-box,
html[data-theme="dark"] .pp-journey-flow-box,
html[data-theme="dark"] .frame-container,
body.dark-theme .prt-hero-mockup,
body.dark-theme .prt-pillar-img-box,
body.dark-theme .pp-journey-flow-box,
body.dark-theme .frame-container {
  background: #0f172a !important;
  border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .prt-pillar-img,
html[data-theme="dark"] .prt-hero-img,
html[data-theme="dark"] .pp-journey-flow-box img,
body.dark-theme .prt-pillar-img,
body.dark-theme .prt-hero-img,
body.dark-theme .pp-journey-flow-box img {
  border-radius: 12px;
  filter: brightness(0.92) contrast(1.05);
}

html[data-theme="dark"] .prt-trust-strip,
body.dark-theme .prt-trust-strip {
  background: #080c14 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .prt-trust-label,
body.dark-theme .prt-trust-label {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .prt-brand-logo,
html[data-theme="dark"] .brands-track img,
html[data-theme="dark"] .brand-badge img,
body.dark-theme .prt-brand-logo,
body.dark-theme .brands-track img,
body.dark-theme .brand-badge img {
  filter: brightness(0) invert(1) opacity(0.85) !important;
}

html[data-theme="dark"] .prt-cert-badge,
body.dark-theme .prt-cert-badge {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .prt-cert-badge img,
body.dark-theme .prt-cert-badge img {
  filter: none !important;
}

html[data-theme="dark"] .brand-badge,
body.dark-theme .brand-badge {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .pp-tabs-bar,
body.dark-theme .pp-tabs-bar {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .pp-tab-btn,
body.dark-theme .pp-tab-btn {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .pp-tab-btn.active,
body.dark-theme .pp-tab-btn.active {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
  border-color: #8b5cf6 !important;
}

html[data-theme="dark"] .pp-tab-panel,
html[data-theme="dark"] .pp-intro-card,
html[data-theme="dark"] .pp-why-card,
html[data-theme="dark"] .pp-bsp-card,
body.dark-theme .pp-tab-panel,
body.dark-theme .pp-intro-card,
body.dark-theme .pp-why-card,
body.dark-theme .pp-bsp-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

/* --- INTEGRATION STEPS, PROCESS CARDS & FAQ --- */
html[data-theme="dark"] .wa-step-card,
html[data-theme="dark"] .col-lg-3:nth-child(1) .wa-step-card,
html[data-theme="dark"] .col-lg-3:nth-child(2) .wa-step-card,
html[data-theme="dark"] .col-lg-3:nth-child(3) .wa-step-card,
html[data-theme="dark"] .col-lg-3:nth-child(4) .wa-step-card,
body.dark-theme .wa-step-card,
body.dark-theme .col-lg-3:nth-child(1) .wa-step-card,
body.dark-theme .col-lg-3:nth-child(2) .wa-step-card,
body.dark-theme .col-lg-3:nth-child(3) .wa-step-card,
body.dark-theme .col-lg-3:nth-child(4) .wa-step-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .wa-step-badge,
body.dark-theme .wa-step-badge {
  background: #1e293b !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wa-step-heading,
body.dark-theme .wa-step-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .wa-step-description,
body.dark-theme .wa-step-description {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ic-card,
html[data-theme="dark"] .ic-flow span,
html[data-theme="dark"] .ic-filters button,
html[data-theme="dark"] .ic-sim-tabs button,
body.dark-theme .ic-card,
body.dark-theme .ic-flow span,
body.dark-theme .ic-filters button,
body.dark-theme .ic-sim-tabs button {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ic-filters button.active,
html[data-theme="dark"] .ic-sim-tabs button.active,
body.dark-theme .ic-filters button.active,
body.dark-theme .ic-sim-tabs button.active {
  background: #1e293b !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

/* --- GOOGLE CALENDAR, MEET & FORMS --- */
html[data-theme="dark"] .gcm-cal-mock,
html[data-theme="dark"] .gcm-dash-item,
html[data-theme="dark"] .gcm-team-card,
html[data-theme="dark"] .gfs-form-mock,
body.dark-theme .gcm-cal-mock,
body.dark-theme .gcm-dash-item,
body.dark-theme .gcm-team-card,
body.dark-theme .gfs-form-mock {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .gcm-msg,
html[data-theme="dark"] .gcm-meet-flow span,
html[data-theme="dark"] .gcm-timeline span,
html[data-theme="dark"] .gcm-team-flow span,
html[data-theme="dark"] .gcm-journey span,
html[data-theme="dark"] .gfs-tabs button,
html[data-theme="dark"] .gfs-ex-tabs button,
html[data-theme="dark"] .gfs-input,
html[data-theme="dark"] .gfs-map-item,
body.dark-theme .gcm-msg,
body.dark-theme .gcm-meet-flow span,
body.dark-theme .gcm-timeline span,
body.dark-theme .gcm-team-flow span,
body.dark-theme .gcm-journey span,
body.dark-theme .gfs-tabs button,
body.dark-theme .gfs-ex-tabs button,
body.dark-theme .gfs-input,
body.dark-theme .gfs-map-item {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .gfs-sheet th,
body.dark-theme .gfs-sheet th {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #1e293b !important;
}

/* --- E-COMMERCE, WOOCOMMERCE & SHOPIFY --- */
html[data-theme="dark"] .woo-feat,
html[data-theme="dark"] .woo-uc,
html[data-theme="dark"] .shy-journey span,
body.dark-theme .woo-feat,
body.dark-theme .woo-uc,
body.dark-theme .shy-journey span {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

/* --- WHATSAPP FORM, BLUE TICK, BROADCASTING & REAL ESTATE --- */
html[data-theme="dark"] .wf-field,
html[data-theme="dark"] .wf-flow span,
html[data-theme="dark"] .wbp-journey span,
html[data-theme="dark"] .hc-flow span,
html[data-theme="dark"] .hc-flow-v span,
html[data-theme="dark"] .isi-tabs button,
html[data-theme="dark"] .isi-flow span,
html[data-theme="dark"] .mscs-tabs button,
html[data-theme="dark"] .mscs-flow span,
html[data-theme="dark"] .re-flow span,
body.dark-theme .wf-field,
body.dark-theme .wf-flow span,
body.dark-theme .wbp-journey span,
body.dark-theme .hc-flow span,
body.dark-theme .hc-flow-v span,
body.dark-theme .isi-tabs button,
body.dark-theme .isi-flow span,
body.dark-theme .mscs-tabs button,
body.dark-theme .mscs-flow span,
body.dark-theme .re-flow span {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .wf-table th,
body.dark-theme .wf-table th {
  background: #111827 !important;
  border-color: #1e293b !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .wbp-inbox-col,
html[data-theme="dark"] .re-card,
html[data-theme="dark"] .re-cta-box,
body.dark-theme .wbp-inbox-col,
body.dark-theme .re-card,
body.dark-theme .re-cta-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

/* --- HARDWARE FRAMES, PHONE SCREENS & SCREENSHOT CONTAINERS --- */
html[data-theme="dark"] .cw-phone-topbar,
html[data-theme="dark"] .cw-phone-screen,
body.dark-theme .cw-phone-topbar,
body.dark-theme .cw-phone-screen {
  background: #0b0f19 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .cw-hero-anim-box,
body.dark-theme .cw-hero-anim-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .cw-hero-anim-box:hover,
body.dark-theme .cw-hero-anim-box:hover {
  border-color: #8b5cf6 !important;
  box-shadow: 0 20px 50px rgba(139, 92, 246, 0.25) !important;
}

html[data-theme="dark"] .cw-showcase-tab,
body.dark-theme .cw-showcase-tab {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .cw-showcase-tab.active,
body.dark-theme .cw-showcase-tab.active {
  background: #1e293b !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

/* --- REPUTATION / G2 BADGES & BRAND BADGES --- */
html[data-theme="dark"] .badge-meta,
html[data-theme="dark"] .badge-trust,
body.dark-theme .badge-meta,
body.dark-theme .badge-trust {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  color: #c4b5fd !important;
}

/* ==========================================================================
   PRODUCT PAGES UNIFIED DARK MODE (.prod-*)
   ========================================================================== */
html[data-theme="dark"] .prod-page,
body.dark-theme .prod-page,
[data-theme="dark"] .prod-page {
  background-color: #080c14 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .prod-hero h1,
html[data-theme="dark"] .prod-feature-title,
html[data-theme="dark"] .prod-stat-number,
html[data-theme="dark"] .prod-section-header h2,
html[data-theme="dark"] .prod-section h2,
[data-theme="dark"] .prod-hero h1,
[data-theme="dark"] .prod-feature-title,
[data-theme="dark"] .prod-stat-number,
[data-theme="dark"] .prod-section-header h2,
[data-theme="dark"] .prod-section h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .prod-hero p,
html[data-theme="dark"] .prod-hero-desc,
html[data-theme="dark"] .prod-feature-desc,
html[data-theme="dark"] .prod-stat-label,
html[data-theme="dark"] .prod-section-header p,
html[data-theme="dark"] .prod-section p,
[data-theme="dark"] .prod-hero p,
[data-theme="dark"] .prod-hero-desc,
[data-theme="dark"] .prod-feature-desc,
[data-theme="dark"] .prod-stat-label,
[data-theme="dark"] .prod-section-header p,
[data-theme="dark"] .prod-section p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .prod-feature-card,
html[data-theme="dark"] .prod-stat-card,
html[data-theme="dark"] .prod-workflow-box,
html[data-theme="dark"] .prod-spec-table,
html[data-theme="dark"] .prod-cta-box,
[data-theme="dark"] .prod-feature-card,
[data-theme="dark"] .prod-stat-card,
[data-theme="dark"] .prod-workflow-box,
[data-theme="dark"] .prod-spec-table,
[data-theme="dark"] .prod-cta-box {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   BUSINESS LEADS & INDUSTRY PAGES (.ind-* & .bl-*)
   ========================================================================== */
html[data-theme="dark"] .ind-page,
html[data-theme="dark"] .bl-page,
[data-theme="dark"] .ind-page,
[data-theme="dark"] .bl-page {
  background: #080c14 !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .ind-hero,
html[data-theme="dark"] .bl-hero,
[data-theme="dark"] .ind-hero,
[data-theme="dark"] .bl-hero {
  background: radial-gradient(1100px 500px at 50% -40px, rgba(96, 91, 229, 0.15), transparent 70%), #080c14 !important;
}

html[data-theme="dark"] .ind-stat-card,
html[data-theme="dark"] .ind-feature-card,
html[data-theme="dark"] .ind-testimonial-card,
html[data-theme="dark"] .bl-cat-card,
html[data-theme="dark"] .bl-grid-card,
[data-theme="dark"] .ind-stat-card,
[data-theme="dark"] .ind-feature-card,
[data-theme="dark"] .ind-testimonial-card,
[data-theme="dark"] .bl-cat-card,
[data-theme="dark"] .bl-grid-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .ind-stat-label,
html[data-theme="dark"] .ind-section-header h2,
html[data-theme="dark"] .bl-card-title,
[data-theme="dark"] .ind-stat-label,
[data-theme="dark"] .ind-section-header h2,
[data-theme="dark"] .bl-card-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .ind-usecases-section,
html[data-theme="dark"] .ind-matrix-section,
html[data-theme="dark"] .ind-faq-section,
html[data-theme="dark"] .ind-cta-section,
[data-theme="dark"] .ind-usecases-section,
[data-theme="dark"] .ind-matrix-section,
[data-theme="dark"] .ind-faq-section,
[data-theme="dark"] .ind-cta-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .ind-marquee-section,
[data-theme="dark"] .ind-marquee-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .ind-comparison-table,
[data-theme="dark"] .ind-comparison-table {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ind-comparison-table th,
[data-theme="dark"] .ind-comparison-table th {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ind-comparison-table td,
[data-theme="dark"] .ind-comparison-table td {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ==========================================================================
   BFSI SOLUTIONS PAGES (.bfsi-*)
   ========================================================================== */
html[data-theme="dark"] .bfsi-page,
[data-theme="dark"] .bfsi-page {
  background: #080c14 !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .bfsi-hero,
[data-theme="dark"] .bfsi-hero {
  background: radial-gradient(1100px 500px at 50% -40px, rgba(96, 91, 229, 0.15), transparent 70%), #080c14 !important;
}

html[data-theme="dark"] .bfsi-card,
html[data-theme="dark"] .bfsi-stat-card,
html[data-theme="dark"] .bfsi-testimonial-card,
[data-theme="dark"] .bfsi-card,
[data-theme="dark"] .bfsi-stat-card,
[data-theme="dark"] .bfsi-testimonial-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .bfsi-usecases-section,
html[data-theme="dark"] .bfsi-matrix-section,
html[data-theme="dark"] .bfsi-faq-section,
html[data-theme="dark"] .bfsi-cta-section,
[data-theme="dark"] .bfsi-usecases-section,
[data-theme="dark"] .bfsi-matrix-section,
[data-theme="dark"] .bfsi-faq-section,
[data-theme="dark"] .bfsi-cta-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .bfsi-marquee-section,
[data-theme="dark"] .bfsi-marquee-section {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .bfsi-comparison-table,
[data-theme="dark"] .bfsi-comparison-table {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

/* ==========================================================================
   GETGABS / FEATURE TEMPLATE COMPONENTS
   ========================================================================== */
html[data-theme="dark"] .usecase-section,
[data-theme="dark"] .usecase-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .grid-item,
[data-theme="dark"] .grid-item {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .grid-item h3,
[data-theme="dark"] .grid-item h3 {
  color: #38d996 !important;
}

html[data-theme="dark"] .grid-item p,
[data-theme="dark"] .grid-item p {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .reviews-section,
html[data-theme="dark"] .awards-column,
html[data-theme="dark"] .reviews-wrapper,
[data-theme="dark"] .reviews-section,
[data-theme="dark"] .awards-column,
[data-theme="dark"] .reviews-wrapper {
  background: #080c14 !important;
}

html[data-theme="dark"] .review-card,
[data-theme="dark"] .review-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .review-name,
html[data-theme="dark"] .review-title,
html[data-theme="dark"] .modal-review-title,
[data-theme="dark"] .review-name,
[data-theme="dark"] .review-title,
[data-theme="dark"] .modal-review-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .review-content,
html[data-theme="dark"] .modal-review-content,
[data-theme="dark"] .review-content,
[data-theme="dark"] .modal-review-content {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-content {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .wa-api-requirements,
[data-theme="dark"] .wa-api-requirements {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .step,
[data-theme="dark"] .step {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .step-content h3,
[data-theme="dark"] .step-content h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .step-content p,
[data-theme="dark"] .step-content p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .partners-section,
[data-theme="dark"] .partners-section {
  background: #080c14 !important;
}

/* Auto-invert monochrome partner and client logos */
html[data-theme="dark"] .partner-logo img,
html[data-theme="dark"] .brands-track img,
html[data-theme="dark"] .industry-marquee-track img,
html[data-theme="dark"] .bfsi-marquee-track img,
html[data-theme="dark"] .ic-marquee-track img,
[data-theme="dark"] .partner-logo img,
[data-theme="dark"] .brands-track img,
[data-theme="dark"] .industry-marquee-track img,
[data-theme="dark"] .bfsi-marquee-track img,
[data-theme="dark"] .ic-marquee-track img {
  filter: brightness(0) invert(1) opacity(0.85) !important;
}

html[data-theme="dark"] .partner-logo img:hover,
html[data-theme="dark"] .brands-track img:hover,
[data-theme="dark"] .partner-logo img:hover,
[data-theme="dark"] .brands-track img:hover {
  filter: none !important;
}

/* ==========================================================================
   28. SITEWIDE COMPREHENSIVE DARK MODE: INTEGRATIONS, FLOWS & CARDS
   Covers Google Sheets, Zoho, Shiprocket, Wortal, Shopify, WooCommerce, 
   Automotive, Healthcare, Real Estate, Finance, Ecommerce, and Location Pages
   ========================================================================== */

/* --- CLONED PAGES & INTEGRATIONS DIRECTORY --- */
html[data-theme="dark"] .cloned-hellobots-page,
body.dark-theme .cloned-hellobots-page,
[data-theme="dark"] .cloned-hellobots-page {
  background-color: #080c14 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .hero-section,
body.dark-theme .hero-section,
[data-theme="dark"] .hero-section {
  background: radial-gradient(1000px 500px at 50% 0%, rgba(30, 27, 75, 0.5) 0%, #080c14 100%) !important;
  background-image: none !important;
}

html[data-theme="dark"] .hero-title,
body.dark-theme .hero-title,
[data-theme="dark"] .hero-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .hero-text,
body.dark-theme .hero-text,
[data-theme="dark"] .hero-text {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .meta-partner,
body.dark-theme .meta-partner,
[data-theme="dark"] .meta-partner {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* --- INTEGRATION BENEFITS & WHO CAN BENEFIT GRID --- */
html[data-theme="dark"] .ws-section,
body.dark-theme .ws-section,
[data-theme="dark"] .ws-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .ws-title,
body.dark-theme .ws-title,
[data-theme="dark"] .ws-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .ws-subtitle,
body.dark-theme .ws-subtitle,
[data-theme="dark"] .ws-subtitle {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ws-grid,
body.dark-theme .ws-grid,
[data-theme="dark"] .ws-grid {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ws-card,
body.dark-theme .ws-card,
[data-theme="dark"] .ws-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ws-card:hover,
body.dark-theme .ws-card:hover,
[data-theme="dark"] .ws-card:hover {
  box-shadow: 0 12px 35px rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] .ws-card-content h3,
body.dark-theme .ws-card-content h3,
[data-theme="dark"] .ws-card-content h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .ws-card-content p,
body.dark-theme .ws-card-content p,
[data-theme="dark"] .ws-card-content p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ws-icon-box,
body.dark-theme .ws-icon-box,
[data-theme="dark"] .ws-icon-box {
  background: rgba(16, 185, 129, 0.15) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

html[data-theme="dark"] .ws-icon,
body.dark-theme .ws-icon,
[data-theme="dark"] .ws-icon {
  color: #34d399 !important;
}

/* --- GG SETUP & REASONS --- */
html[data-theme="dark"] .gg-setup-section,
body.dark-theme .gg-setup-section,
[data-theme="dark"] .gg-setup-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .gg-setup-wrapper,
body.dark-theme .gg-setup-wrapper,
[data-theme="dark"] .gg-setup-wrapper {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .gg-setup-title,
body.dark-theme .gg-setup-title,
[data-theme="dark"] .gg-setup-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .gg-step-item,
body.dark-theme .gg-step-item,
[data-theme="dark"] .gg-step-item {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .gg-step-item:hover,
body.dark-theme .gg-step-item:hover,
[data-theme="dark"] .gg-step-item:hover {
  background: #1e293b !important;
}

html[data-theme="dark"] .gg-step-number,
body.dark-theme .gg-step-number,
[data-theme="dark"] .gg-step-number {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #34d399 !important;
}

html[data-theme="dark"] .gg-step-content h3,
body.dark-theme .gg-step-content h3,
[data-theme="dark"] .gg-step-content h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .gg-step-content p,
body.dark-theme .gg-step-content p,
[data-theme="dark"] .gg-step-content p {
  color: #94a3b8 !important;
}

/* --- WA PROCESS & STEP CARDS --- */
html[data-theme="dark"] .wa-process-section,
body.dark-theme .wa-process-section,
[data-theme="dark"] .wa-process-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .wa-process-title,
body.dark-theme .wa-process-title,
[data-theme="dark"] .wa-process-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .wa-step-card,
body.dark-theme .wa-step-card,
[data-theme="dark"] .wa-step-card,
html[data-theme="dark"] .col-lg-4:nth-child(n) .wa-step-card,
body.dark-theme .col-lg-4:nth-child(n) .wa-step-card,
[data-theme="dark"] .col-lg-4:nth-child(n) .wa-step-card,
html[data-theme="dark"] .col-md-6:nth-child(n) .wa-step-card,
body.dark-theme .col-md-6:nth-child(n) .wa-step-card,
[data-theme="dark"] .col-md-6:nth-child(n) .wa-step-card {
  background: linear-gradient(135deg, #111827 0%, #1e293b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wa-step-badge,
body.dark-theme .wa-step-badge,
[data-theme="dark"] .wa-step-badge {
  background: #1e293b !important;
  color: #60a5fa !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wa-step-heading,
body.dark-theme .wa-step-heading,
[data-theme="dark"] .wa-step-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .wa-step-description,
body.dark-theme .wa-step-description,
[data-theme="dark"] .wa-step-description {
  color: #94a3b8 !important;
}

/* --- INTEGRATIONS SECTION & CARDS --- */
html[data-theme="dark"] .integrations-section,
body.dark-theme .integrations-section,
[data-theme="dark"] .integrations-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .integrations-section h2,
body.dark-theme .integrations-section h2,
[data-theme="dark"] .integrations-section h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .integrations-section p,
body.dark-theme .integrations-section p,
[data-theme="dark"] .integrations-section p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .integration-card,
body.dark-theme .integration-card,
[data-theme="dark"] .integration-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .integration-card:hover,
body.dark-theme .integration-card:hover,
[data-theme="dark"] .integration-card:hover {
  background: #1f2937 !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.25) !important;
}

html[data-theme="dark"] .integration-card .int-name,
body.dark-theme .integration-card .int-name,
[data-theme="dark"] .integration-card .int-name {
  color: #ffffff !important;
}

/* --- DEPARTMENT USE CASES & GENERAL CARDS --- */
html[data-theme="dark"] .section,
body.dark-theme .section,
[data-theme="dark"] .section {
  background: transparent;
}

html[data-theme="dark"] .section .card,
body.dark-theme .section .card,
[data-theme="dark"] .section .card,
html[data-theme="dark"] .cards .card,
body.dark-theme .cards .card,
[data-theme="dark"] .cards .card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .cards .card:hover,
body.dark-theme .cards .card:hover,
[data-theme="dark"] .cards .card:hover {
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .cards .card h3,
body.dark-theme .cards .card h3,
[data-theme="dark"] .cards .card h3,
html[data-theme="dark"] .whatsapp-heading,
body.dark-theme .whatsapp-heading,
[data-theme="dark"] .whatsapp-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .cards .card p,
body.dark-theme .cards .card p,
[data-theme="dark"] .cards .card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .learn-more,
body.dark-theme .learn-more,
[data-theme="dark"] .learn-more {
  color: #34d399 !important;
}

/* --- FAQ ACCORDIONS (Universal Coverage for .faq-itemm, .faq-item, .custom-faq-accordion) --- */
html[data-theme="dark"] .faq-section,
body.dark-theme .faq-section,
[data-theme="dark"] .faq-section {
  background: #080c14 !important;
}

html[data-theme="dark"] .custom-faq-accordion h2,
body.dark-theme .custom-faq-accordion h2,
[data-theme="dark"] .custom-faq-accordion h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-itemm,
body.dark-theme .faq-itemm,
[data-theme="dark"] .faq-itemm,
html[data-theme="dark"] .custom-faq-accordion .faq-item,
body.dark-theme .custom-faq-accordion .faq-item,
[data-theme="dark"] .custom-faq-accordion .faq-item {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .faq-questionn,
body.dark-theme .faq-questionn,
[data-theme="dark"] .faq-questionn,
html[data-theme="dark"] .custom-faq-accordion .faq-question,
body.dark-theme .custom-faq-accordion .faq-question,
[data-theme="dark"] .custom-faq-accordion .faq-question {
  background: #111827 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-text,
body.dark-theme .faq-text,
[data-theme="dark"] .faq-text,
html[data-theme="dark"] .faq-title h3,
body.dark-theme .faq-title h3,
[data-theme="dark"] .faq-title h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-answerr,
body.dark-theme .faq-answerr,
[data-theme="dark"] .faq-answerr,
html[data-theme="dark"] .custom-faq-accordion .faq-answer,
body.dark-theme .custom-faq-accordion .faq-answer,
[data-theme="dark"] .custom-faq-accordion .faq-answer,
html[data-theme="dark"] .faq-item .faq-answer,
body.dark-theme .faq-item .faq-answer,
[data-theme="dark"] .faq-item .faq-answer {
  background: #111827 !important;
  color: #cbd5e1 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .faq-arrow,
body.dark-theme .faq-arrow,
[data-theme="dark"] .faq-arrow {
  border-right-color: #34d399 !important;
  border-bottom-color: #34d399 !important;
}

/* --- INDUSTRY FLOWS, BADGES, NOTICES & STEP CHIPS --- */
html[data-theme="dark"] .au-flow span,
html[data-theme="dark"] .hc-flow span,
html[data-theme="dark"] .hc-flow-v span,
html[data-theme="dark"] .fn-flow span,
html[data-theme="dark"] .ecom-flow span,
html[data-theme="dark"] .ecom-timeline span,
html[data-theme="dark"] .re-qualify-flow span,
html[data-theme="dark"] .re-visit-flow span,
html[data-theme="dark"] .re-seller-flow span,
html[data-theme="dark"] .re-timeline span,
html[data-theme="dark"] .re-journey span,
html[data-theme="dark"] .re-pipeline span,
html[data-theme="dark"] .re-mkt-steps span,
html[data-theme="dark"] .fb-flow span,
html[data-theme="dark"] .ic-flow span,
html[data-theme="dark"] .wbp-journey span,
html[data-theme="dark"] .api-flow span,
body.dark-theme .au-flow span,
body.dark-theme .hc-flow span,
body.dark-theme .hc-flow-v span,
body.dark-theme .fn-flow span,
body.dark-theme .ecom-flow span,
body.dark-theme .ecom-timeline span,
body.dark-theme .re-qualify-flow span,
body.dark-theme .re-visit-flow span,
body.dark-theme .re-seller-flow span,
body.dark-theme .re-timeline span,
body.dark-theme .re-journey span,
body.dark-theme .re-pipeline span,
body.dark-theme .re-mkt-steps span,
body.dark-theme .fb-flow span,
body.dark-theme .ic-flow span,
body.dark-theme .wbp-journey span,
body.dark-theme .api-flow span,
[data-theme="dark"] .au-flow span,
[data-theme="dark"] .hc-flow span,
[data-theme="dark"] .hc-flow-v span,
[data-theme="dark"] .fn-flow span,
[data-theme="dark"] .ecom-flow span,
[data-theme="dark"] .ecom-timeline span,
[data-theme="dark"] .re-qualify-flow span,
[data-theme="dark"] .re-visit-flow span,
[data-theme="dark"] .re-seller-flow span,
[data-theme="dark"] .re-timeline span,
[data-theme="dark"] .re-journey span,
[data-theme="dark"] .re-pipeline span,
[data-theme="dark"] .re-mkt-steps span,
[data-theme="dark"] .fb-flow span,
[data-theme="dark"] .ic-flow span,
[data-theme="dark"] .wbp-journey span,
[data-theme="dark"] .api-flow span {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .au-confirm,
body.dark-theme .au-confirm,
[data-theme="dark"] .au-confirm {
  background: rgba(4, 120, 87, 0.25) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
}

html[data-theme="dark"] .au-confirm strong,
body.dark-theme .au-confirm strong,
[data-theme="dark"] .au-confirm strong {
  color: #34d399 !important;
}

html[data-theme="dark"] .au-confirm p,
body.dark-theme .au-confirm p,
[data-theme="dark"] .au-confirm p {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .hc-notice,
body.dark-theme .hc-notice,
[data-theme="dark"] .hc-notice {
  background: rgba(14, 116, 144, 0.25) !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .fn-notice,
body.dark-theme .fn-notice,
[data-theme="dark"] .fn-notice {
  background: rgba(30, 64, 175, 0.25) !important;
  border: 1px solid rgba(96, 165, 250, 0.4) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .re-prop-card,
html[data-theme="dark"] .re-reminder,
html[data-theme="dark"] .ecom-prod,
html[data-theme="dark"] .wbp-inbox-col,
html[data-theme="dark"] .woo-feat,
html[data-theme="dark"] .woo-uc,
html[data-theme="dark"] .ic-card,
body.dark-theme .re-prop-card,
body.dark-theme .re-reminder,
body.dark-theme .ecom-prod,
body.dark-theme .wbp-inbox-col,
body.dark-theme .woo-feat,
body.dark-theme .woo-uc,
body.dark-theme .ic-card,
[data-theme="dark"] .re-prop-card,
[data-theme="dark"] .re-reminder,
[data-theme="dark"] .ecom-prod,
[data-theme="dark"] .wbp-inbox-col,
[data-theme="dark"] .woo-feat,
[data-theme="dark"] .woo-uc,
[data-theme="dark"] .ic-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .re-prop-card strong,
html[data-theme="dark"] .re-reminder strong,
html[data-theme="dark"] .ecom-prod strong,
body.dark-theme .re-prop-card strong,
body.dark-theme .re-reminder strong,
body.dark-theme .ecom-prod strong,
[data-theme="dark"] .re-prop-card strong,
[data-theme="dark"] .re-reminder strong,
[data-theme="dark"] .ecom-prod strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .re-filter-tags span,
html[data-theme="dark"] .re-mkt-tags span,
html[data-theme="dark"] .re-reminder-btns span,
body.dark-theme .re-filter-tags span,
body.dark-theme .re-mkt-tags span,
body.dark-theme .re-reminder-btns span,
[data-theme="dark"] .re-filter-tags span,
[data-theme="dark"] .re-mkt-tags span,
[data-theme="dark"] .re-reminder-btns span {
  background: #1e293b !important;
  color: #c4b5fd !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .api-code-tabs button,
html[data-theme="dark"] .ic-filters button,
html[data-theme="dark"] .ic-sim-tabs button,
body.dark-theme .api-code-tabs button,
body.dark-theme .ic-filters button,
body.dark-theme .ic-sim-tabs button,
[data-theme="dark"] .api-code-tabs button,
[data-theme="dark"] .ic-filters button,
[data-theme="dark"] .ic-sim-tabs button {
  background: #111827 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .api-code-tabs button.active,
html[data-theme="dark"] .ic-filters button.active,
body.dark-theme .api-code-tabs button.active,
body.dark-theme .ic-filters button.active,
[data-theme="dark"] .api-code-tabs button.active,
[data-theme="dark"] .ic-filters button.active {
  background: #8b5cf6 !important;
  color: #ffffff !important;
  border-color: #8b5cf6 !important;
}

/* --- LOCATION PAGES --- */
html[data-theme="dark"] .loc-breadcrumb ol,
body.dark-theme .loc-breadcrumb ol,
[data-theme="dark"] .loc-breadcrumb ol {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .loc-breadcrumb a,
body.dark-theme .loc-breadcrumb a,
[data-theme="dark"] .loc-breadcrumb a {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .card.card-center,
body.dark-theme .card.card-center,
[data-theme="dark"] .card.card-center {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .card.card-center:hover,
body.dark-theme .card.card-center:hover,
[data-theme="dark"] .card.card-center:hover {
  background: #1f2937 !important;
  border-color: #8b5cf6 !important;
}

html[data-theme="dark"] .popular-searches .pill,
body.dark-theme .popular-searches .pill,
[data-theme="dark"] .popular-searches .pill {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .popular-searches .pill:hover,
body.dark-theme .popular-searches .pill:hover,
[data-theme="dark"] .popular-searches .pill:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #8b5cf6 !important;
}

/* --- PNG & MOCKUP CONTRAST IN DARK MODE --- */
html[data-theme="dark"] .api-image-box,
body.dark-theme .api-image-box,
[data-theme="dark"] .api-image-box {
  background: transparent !important;
}

html[data-theme="dark"] .api-image-box img,
html[data-theme="dark"] .loc-hero-media img,
body.dark-theme .api-image-box img,
body.dark-theme .loc-hero-media img,
[data-theme="dark"] .api-image-box img,
[data-theme="dark"] .loc-hero-media img {
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.6)) !important;
}

/* --- GETGABS WHATSAPP BROADCASTING & BLUE TICK --- */
html[data-theme="dark"] .why-whatsapp-section,
body.dark-theme .why-whatsapp-section,
[data-theme="dark"] .why-whatsapp-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .stat-card,
body.dark-theme .stat-card,
[data-theme="dark"] .stat-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .stat-card:hover,
body.dark-theme .stat-card:hover,
[data-theme="dark"] .stat-card:hover {
  background-color: #1e293b !important;
}

html[data-theme="dark"] .stat-label,
body.dark-theme .stat-label,
[data-theme="dark"] .stat-label {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .card-box,
body.dark-theme .card-box,
[data-theme="dark"] .card-box,
html[data-theme="dark"] .use-case-card,
body.dark-theme .use-case-card,
[data-theme="dark"] .use-case-card,
html[data-theme="dark"] .whatsapp-feature-box,
body.dark-theme .whatsapp-feature-box,
[data-theme="dark"] .whatsapp-feature-box {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .card-box h3,
body.dark-theme .card-box h3,
[data-theme="dark"] .card-box h3,
html[data-theme="dark"] .use-case-card h3,
body.dark-theme .use-case-card h3,
[data-theme="dark"] .use-case-card h3,
html[data-theme="dark"] .whatsapp-feature-box h3,
body.dark-theme .whatsapp-feature-box h3,
[data-theme="dark"] .whatsapp-feature-box h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .card-box p,
body.dark-theme .card-box p,
[data-theme="dark"] .card-box p,
html[data-theme="dark"] .use-case-card p,
body.dark-theme .use-case-card p,
[data-theme="dark"] .use-case-card p,
html[data-theme="dark"] .whatsapp-feature-box p,
body.dark-theme .whatsapp-feature-box p,
[data-theme="dark"] .whatsapp-feature-box p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .broadcast-steps,
body.dark-theme .broadcast-steps,
[data-theme="dark"] .broadcast-steps {
  background: #080c14 !important;
}

html[data-theme="dark"] .broadcast-steps .title,
body.dark-theme .broadcast-steps .title,
[data-theme="dark"] .broadcast-steps .title {
  color: #ffffff !important;
}

html[data-theme="dark"] .trust-section,
body.dark-theme .trust-section,
[data-theme="dark"] .trust-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .trust-point h3,
body.dark-theme .trust-point h3,
[data-theme="dark"] .trust-point h3 {
  color: #38d996 !important;
}

html[data-theme="dark"] .benefit-card,
body.dark-theme .benefit-card,
[data-theme="dark"] .benefit-card {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .benefit-card h3,
body.dark-theme .benefit-card h3,
[data-theme="dark"] .benefit-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .benefit-card p,
body.dark-theme .benefit-card p,
[data-theme="dark"] .benefit-card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .benefit-card .purple,
body.dark-theme .benefit-card .purple,
[data-theme="dark"] .benefit-card .purple {
  background-color: #1e293b !important;
  color: #38d996 !important;
}

html[data-theme="dark"] .numera-p,
body.dark-theme .numera-p,
[data-theme="dark"] .numera-p {
  color: #ffffff !important;
}

html[data-theme="dark"] .numera-number,
body.dark-theme .numera-number,
[data-theme="dark"] .numera-number {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .numera-small,
body.dark-theme .numera-small,
[data-theme="dark"] .numera-small {
  color: #64748b !important;
}

/* ==========================================================================
   RESOURCES, KNOWLEDGEBASE & DOCUMENTATION PAGES (.res-*, .docs-*, .hc-*)
   ========================================================================== */
html[data-theme="dark"] .docs-section,
html[data-theme="dark"] .docs-side,
body.dark-theme .docs-section,
body.dark-theme .docs-side,
[data-theme="dark"] .docs-section,
[data-theme="dark"] .docs-side {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .docs-section h2,
html[data-theme="dark"] .docs-section h3,
body.dark-theme .docs-section h2,
body.dark-theme .docs-section h3,
[data-theme="dark"] .docs-section h2,
[data-theme="dark"] .docs-section h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .docs-section p,
body.dark-theme .docs-section p,
[data-theme="dark"] .docs-section p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .docs-side a,
body.dark-theme .docs-side a,
[data-theme="dark"] .docs-side a {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .docs-side a:hover,
body.dark-theme .docs-side a:hover,
[data-theme="dark"] .docs-side a:hover {
  background: rgba(139, 92, 246, 0.18) !important;
  color: #a78bfa !important;
}

html[data-theme="dark"] .docs-side a.is-active,
body.dark-theme .docs-side a.is-active,
[data-theme="dark"] .docs-side a.is-active {
  background: #7c3aed !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .docs-steps li,
body.dark-theme .docs-steps li,
[data-theme="dark"] .docs-steps li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .docs-callout-info,
body.dark-theme .docs-callout-info {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #93c5fd !important;
  border-left-color: #3b82f6 !important;
}

html[data-theme="dark"] .docs-callout-tip,
body.dark-theme .docs-callout-tip {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #6ee7b7 !important;
  border-left-color: #10b981 !important;
}

html[data-theme="dark"] .docs-callout-warn,
body.dark-theme .docs-callout-warn {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #fcd34d !important;
  border-left-color: #f59e0b !important;
}

html[data-theme="dark"] .res-filter-btn,
body.dark-theme .res-filter-btn,
[data-theme="dark"] .res-filter-btn {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .res-filter-btn:hover,
body.dark-theme .res-filter-btn:hover,
[data-theme="dark"] .res-filter-btn:hover {
  background: #1e293b !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .res-filter-btn.is-active,
body.dark-theme .res-filter-btn.is-active,
[data-theme="dark"] .res-filter-btn.is-active {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .hc-search-dropdown,
body.dark-theme .hc-search-dropdown,
[data-theme="dark"] .hc-search-dropdown {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .hc-search-item,
body.dark-theme .hc-search-item,
[data-theme="dark"] .hc-search-item {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .hc-search-item:hover,
html[data-theme="dark"] .hc-search-item:focus,
body.dark-theme .hc-search-item:hover,
body.dark-theme .hc-search-item:focus,
[data-theme="dark"] .hc-search-item:hover,
[data-theme="dark"] .hc-search-item:focus {
  background: #1e293b !important;
  color: #a78bfa !important;
}

html[data-theme="dark"] .hc-search-item-title,
body.dark-theme .hc-search-item-title,
[data-theme="dark"] .hc-search-item-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .hc-search-item-desc,
body.dark-theme .hc-search-item-desc,
[data-theme="dark"] .hc-search-item-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .support-form-card,
body.dark-theme .support-form-card,
[data-theme="dark"] .support-form-card {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .support-input-group label,
body.dark-theme .support-input-group label,
[data-theme="dark"] .support-input-group label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .support-input-group input,
html[data-theme="dark"] .support-input-group select,
html[data-theme="dark"] .support-input-group textarea,
body.dark-theme .support-input-group input,
body.dark-theme .support-input-group select,
body.dark-theme .support-input-group textarea,
[data-theme="dark"] .support-input-group input,
[data-theme="dark"] .support-input-group select,
[data-theme="dark"] .support-input-group textarea {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .support-sla-banner,
body.dark-theme .support-sla-banner,
[data-theme="dark"] .support-sla-banner {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #34d399 !important;
}

html[data-theme="dark"] .res-faq-item,
body.dark-theme .res-faq-item,
[data-theme="dark"] .res-faq-item {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .res-faq-question,
body.dark-theme .res-faq-question,
[data-theme="dark"] .res-faq-question {
  color: #ffffff !important;
}

html[data-theme="dark"] .res-faq-answer,
body.dark-theme .res-faq-answer,
[data-theme="dark"] .res-faq-answer {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .download-card,
body.dark-theme .download-card,
[data-theme="dark"] .download-card {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .download-card h3,
body.dark-theme .download-card h3,
[data-theme="dark"] .download-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .download-card p,
body.dark-theme .download-card p,
[data-theme="dark"] .download-card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .download-specs-list,
body.dark-theme .download-specs-list {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .download-specs-list li,
body.dark-theme .download-specs-list li {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .wa-bubble,
body.dark-theme .wa-bubble {
  background: #1f2c34 !important;
  color: #e9edef !important;
}

html[data-theme="dark"] .wa-bubble-wrap,
body.dark-theme .wa-bubble-wrap {
  background: #0b141a !important;
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
}

html[data-theme="dark"] .wa-btn-pill,
body.dark-theme .wa-btn-pill {
  background: #202c33 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #25d366 !important;
}

html[data-theme="dark"] .cs-kpi-row,
body.dark-theme .cs-kpi-row {
  background: #1e293b !important;
}

html[data-theme="dark"] .cs-detail-block strong,
body.dark-theme .cs-detail-block strong {
  color: #ffffff !important;
}

/* ==========================================================================
   BUSINESS LEADS DIRECTORY & DETAIL PAGES (.bl-*)
   ========================================================================== */
html[data-theme="dark"] .bl-stats-bar,
body.dark-theme .bl-stats-bar,
[data-theme="dark"] .bl-stats-bar {
  background: #0b0f19 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .bl-stat-num,
body.dark-theme .bl-stat-num,
[data-theme="dark"] .bl-stat-num {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-stat-lbl,
body.dark-theme .bl-stat-lbl,
[data-theme="dark"] .bl-stat-lbl {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .bl-section-alt,
body.dark-theme .bl-section-alt,
[data-theme="dark"] .bl-section-alt {
  background: #080c14 !important;
}

html[data-theme="dark"] .bl-section-header h2,
body.dark-theme .bl-section-header h2,
[data-theme="dark"] .bl-section-header h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-section-header p,
body.dark-theme .bl-section-header p,
[data-theme="dark"] .bl-section-header p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .bl-dataset-card,
body.dark-theme .bl-dataset-card,
[data-theme="dark"] .bl-dataset-card,
html[data-theme="dark"] .bl-hub-card,
body.dark-theme .bl-hub-card,
[data-theme="dark"] .bl-hub-card {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .bl-dataset-card:hover,
html[data-theme="dark"] .bl-hub-card:hover,
body.dark-theme .bl-dataset-card:hover,
body.dark-theme .bl-hub-card:hover,
[data-theme="dark"] .bl-dataset-card:hover,
[data-theme="dark"] .bl-hub-card:hover {
  background: #172033 !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .bl-dataset-card h3,
body.dark-theme .bl-dataset-card h3,
[data-theme="dark"] .bl-dataset-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-dataset-coverage,
body.dark-theme .bl-dataset-coverage,
[data-theme="dark"] .bl-dataset-coverage {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .bl-dataset-fields-box,
body.dark-theme .bl-dataset-fields-box,
[data-theme="dark"] .bl-dataset-fields-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .bl-dataset-fields-title,
body.dark-theme .bl-dataset-fields-title,
[data-theme="dark"] .bl-dataset-fields-title {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .bl-field-tag,
body.dark-theme .bl-field-tag,
[data-theme="dark"] .bl-field-tag {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .bl-dataset-btn,
body.dark-theme .bl-dataset-btn,
[data-theme="dark"] .bl-dataset-btn {
  background: #2563eb !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-dataset-btn:hover,
body.dark-theme .bl-dataset-btn:hover,
[data-theme="dark"] .bl-dataset-btn:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-journey-card,
body.dark-theme .bl-journey-card,
[data-theme="dark"] .bl-journey-card {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .bl-journey-title,
body.dark-theme .bl-journey-title,
[data-theme="dark"] .bl-journey-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-journey-desc,
body.dark-theme .bl-journey-desc,
[data-theme="dark"] .bl-journey-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .bl-journey-guide-box,
body.dark-theme .bl-journey-guide-box,
[data-theme="dark"] .bl-journey-guide-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .bl-journey-box-label,
body.dark-theme .bl-journey-box-label,
[data-theme="dark"] .bl-journey-box-label {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-journey-list li,
body.dark-theme .bl-journey-list li,
[data-theme="dark"] .bl-journey-list li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .bl-prob-sol-col,
body.dark-theme .bl-prob-sol-col,
[data-theme="dark"] .bl-prob-sol-col {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .bl-item-card,
body.dark-theme .bl-item-card,
[data-theme="dark"] .bl-item-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .bl-item-card h4,
body.dark-theme .bl-item-card h4,
[data-theme="dark"] .bl-item-card h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .bl-item-card p,
body.dark-theme .bl-item-card p,
[data-theme="dark"] .bl-item-card p {
  color: #94a3b8 !important;
}

/* ==========================================================================
   SITEWIDE COMPLETE DARK MODE HARMONIZATION (MEGA-MENUS, MODALS, PRICING, BLOG, FRAMES)
   ========================================================================== */

/* --- 1. ALL MEGA-MENUS: PRODUCTS, SOLUTIONS, LEADS, CHANNELS --- */
html[data-theme="dark"] .mega-solutions-grid .mega-link-title,
html[data-theme="dark"] .mega-products-grid .mega-link-title,
body.dark-theme .mega-solutions-grid .mega-link-title,
body.dark-theme .mega-products-grid .mega-link-title,
[data-theme="dark"] .mega-solutions-grid .mega-link-title,
[data-theme="dark"] .mega-products-grid .mega-link-title {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mega-solutions-grid .mega-link-desc,
html[data-theme="dark"] .mega-products-grid .mega-link-desc,
body.dark-theme .mega-solutions-grid .mega-link-desc,
body.dark-theme .mega-products-grid .mega-link-desc,
[data-theme="dark"] .mega-solutions-grid .mega-link-desc,
[data-theme="dark"] .mega-products-grid .mega-link-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mega-solutions-link:hover .mega-link-title,
html[data-theme="dark"] .mega-products-link:hover .mega-link-title,
body.dark-theme .mega-solutions-link:hover .mega-link-title,
body.dark-theme .mega-products-link:hover .mega-link-title,
[data-theme="dark"] .mega-solutions-link:hover .mega-link-title,
[data-theme="dark"] .mega-products-link:hover .mega-link-title {
  color: #38ef7d !important;
}

html[data-theme="dark"] .mega-products-grid .mega-products-cta,
body.dark-theme .mega-products-grid .mega-products-cta,
[data-theme="dark"] .mega-products-grid .mega-products-cta {
  background: linear-gradient(155deg, #111827 0%, #1e1b4b 100%) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .mega-products-cta h4,
body.dark-theme .mega-products-cta h4,
[data-theme="dark"] .mega-products-cta h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .mega-products-cta p,
body.dark-theme .mega-products-cta p,
[data-theme="dark"] .mega-products-cta p {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .mega-products-cta-perks li,
body.dark-theme .mega-products-cta-perks li,
[data-theme="dark"] .mega-products-cta-perks li {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .mega-panel-leads-grid .mega-link-title,
body.dark-theme .mega-panel-leads-grid .mega-link-title,
[data-theme="dark"] .mega-panel-leads-grid .mega-link-title {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mega-panel-leads-grid .mega-link-desc,
body.dark-theme .mega-panel-leads-grid .mega-link-desc,
[data-theme="dark"] .mega-panel-leads-grid .mega-link-desc {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mega-panel-leads-grid .mega-link:hover,
body.dark-theme .mega-panel-leads-grid .mega-link:hover,
[data-theme="dark"] .mega-panel-leads-grid .mega-link:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .mega-panel-leads-link:hover .mega-link-title,
html[data-theme="dark"] .mega-panel-leads-grid .mega-link:hover .mega-link-title,
body.dark-theme .mega-panel-leads-link:hover .mega-link-title,
body.dark-theme .mega-panel-leads-grid .mega-link:hover .mega-link-title,
[data-theme="dark"] .mega-panel-leads-link:hover .mega-link-title,
[data-theme="dark"] .mega-panel-leads-grid .mega-link:hover .mega-link-title {
  color: #38ef7d !important;
}

html[data-theme="dark"] .mega-panel-aside,
body.dark-theme .mega-panel-aside,
[data-theme="dark"] .mega-panel-aside {
  background: linear-gradient(180deg, #111827 0%, #1e293b 100%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .mega-panel-aside strong,
body.dark-theme .mega-panel-aside strong,
[data-theme="dark"] .mega-panel-aside strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .mega-panel-aside p,
body.dark-theme .mega-panel-aside p,
[data-theme="dark"] .mega-panel-aside p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .prodocu-integrate-title,
body.dark-theme .prodocu-integrate-title,
[data-theme="dark"] .prodocu-integrate-title {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .prodocu-mob-chan-card,
body.dark-theme .prodocu-mob-chan-card,
[data-theme="dark"] .prodocu-mob-chan-card {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .prodocu-mob-chan-card:hover,
body.dark-theme .prodocu-mob-chan-card:hover,
[data-theme="dark"] .prodocu-mob-chan-card:hover {
  background: #334155 !important;
  color: #38ef7d !important;
}

/* --- 2. MODALS, POPUPS & DRAWERS --- */
/* Free Trial Modal */
html[data-theme="dark"] .trial-popup-card,
body.dark-theme .trial-popup-card,
[data-theme="dark"] .trial-popup-card,
html[data-theme="dark"] .popup-card,
body.dark-theme .popup-card,
[data-theme="dark"] .popup-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.75) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .trial-heading,
body.dark-theme .trial-heading,
[data-theme="dark"] .trial-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .trial-lead,
body.dark-theme .trial-lead,
[data-theme="dark"] .trial-lead {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .trial-badge,
body.dark-theme .trial-badge,
[data-theme="dark"] .trial-badge {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #c4b5fd !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
}

html[data-theme="dark"] .trial-trust-footer,
body.dark-theme .trial-trust-footer,
[data-theme="dark"] .trial-trust-footer {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .trial-trust-item,
body.dark-theme .trial-trust-item,
[data-theme="dark"] .trial-trust-item {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .trial-success-box h3,
body.dark-theme .trial-success-box h3,
[data-theme="dark"] .trial-success-box h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .trial-success-box p,
body.dark-theme .trial-success-box p,
[data-theme="dark"] .trial-success-box p {
  color: #94a3b8 !important;
}

/* WhatsApp Verification & Blue Tick Modal */
html[data-theme="dark"] .wv-modal-card,
body.dark-theme .wv-modal-card,
[data-theme="dark"] .wv-modal-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.75) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .wv-modal-header,
body.dark-theme .wv-modal-header,
[data-theme="dark"] .wv-modal-header {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .wv-modal-title,
body.dark-theme .wv-modal-title,
[data-theme="dark"] .wv-modal-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .wv-modal-label,
body.dark-theme .wv-modal-label,
[data-theme="dark"] .wv-modal-label {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .wv-modal-helper-text,
body.dark-theme .wv-modal-helper-text,
[data-theme="dark"] .wv-modal-helper-text {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .wv-modal-input,
html[data-theme="dark"] .wv-modal-select,
body.dark-theme .wv-modal-input,
body.dark-theme .wv-modal-select,
[data-theme="dark"] .wv-modal-input,
[data-theme="dark"] .wv-modal-select {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .wv-modal-input:focus,
html[data-theme="dark"] .wv-modal-select:focus,
body.dark-theme .wv-modal-input:focus,
body.dark-theme .wv-modal-select:focus,
[data-theme="dark"] .wv-modal-input:focus,
[data-theme="dark"] .wv-modal-select:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] .wv-modal-radio-option,
body.dark-theme .wv-modal-radio-option,
[data-theme="dark"] .wv-modal-radio-option {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .wv-modal-radio-option:hover,
body.dark-theme .wv-modal-radio-option:hover,
[data-theme="dark"] .wv-modal-radio-option:hover {
  background: #334155 !important;
}

html[data-theme="dark"] .wv-modal-radio-label,
body.dark-theme .wv-modal-radio-label,
[data-theme="dark"] .wv-modal-radio-label {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .wv-modal-close-btn,
body.dark-theme .wv-modal-close-btn,
[data-theme="dark"] .wv-modal-close-btn {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .wv-modal-close-btn:hover,
body.dark-theme .wv-modal-close-btn:hover,
[data-theme="dark"] .wv-modal-close-btn:hover {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: rgba(239, 68, 68, 0.6) !important;
  color: #ff6b6b !important;
  transform: rotate(90deg) scale(1.1) !important;
}

html[data-theme="dark"] .wv-modal-btn-cancel,
body.dark-theme .wv-modal-btn-cancel,
[data-theme="dark"] .wv-modal-btn-cancel {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .wv-modal-btn-cancel:hover,
body.dark-theme .wv-modal-btn-cancel:hover,
[data-theme="dark"] .wv-modal-btn-cancel:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #ff6b6b !important;
}

html[data-theme="dark"] .wv-modal-footer,
body.dark-theme .wv-modal-footer,
[data-theme="dark"] .wv-modal-footer {
  background: #0b0f19 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Success Popup Modal */
html[data-theme="dark"] .success-popup-card,
body.dark-theme .success-popup-card,
[data-theme="dark"] .success-popup-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .success-popup-title,
body.dark-theme .success-popup-title,
[data-theme="dark"] .success-popup-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .success-popup-message,
body.dark-theme .success-popup-message,
[data-theme="dark"] .success-popup-message {
  color: #94a3b8 !important;
}

/* BFSI & Industry Modals */
html[data-theme="dark"] .bfsi-modal-dialog,
body.dark-theme .bfsi-modal-dialog,
[data-theme="dark"] .bfsi-modal-dialog,
html[data-theme="dark"] .ind-modal-dialog,
body.dark-theme .ind-modal-dialog,
[data-theme="dark"] .ind-modal-dialog {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
}

/* --- 3. PRICING PAGE HEADINGS & COMPARISONS --- */
html[data-theme="dark"] .pricing-page h1,
html[data-theme="dark"] .pricing-page h2,
html[data-theme="dark"] .pricing-page h3,
html[data-theme="dark"] .pricing-page h4,
body.dark-theme .pricing-page h1,
body.dark-theme .pricing-page h2,
body.dark-theme .pricing-page h3,
body.dark-theme .pricing-page h4,
[data-theme="dark"] .pricing-page h1,
[data-theme="dark"] .pricing-page h2,
[data-theme="dark"] .pricing-page h3,
[data-theme="dark"] .pricing-page h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .pricing-page p,
body.dark-theme .pricing-page p,
[data-theme="dark"] .pricing-page p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .comparison-table td .col-highlight,
body.dark-theme .comparison-table td .col-highlight,
[data-theme="dark"] .comparison-table td .col-highlight {
  background: rgba(16, 185, 129, 0.08) !important;
}

/* --- 4. BLOGS & RELATED ARTICLES --- */
html[data-theme="dark"] .related-articles-section,
body.dark-theme .related-articles-section,
[data-theme="dark"] .related-articles-section {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .related-articles-section h3,
body.dark-theme .related-articles-section h3,
[data-theme="dark"] .related-articles-section h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .blog-card-title h4,
body.dark-theme .blog-card-title h4,
[data-theme="dark"] .blog-card-title h4 {
  color: #ffffff !important;
}

/* --- 5. APP DOWNLOAD CARDS --- */
html[data-theme="dark"] .download-card,
body.dark-theme .download-card,
[data-theme="dark"] .download-card,
html[data-theme="dark"] .app-download-box,
body.dark-theme .app-download-box,
[data-theme="dark"] .app-download-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .download-card h1,
html[data-theme="dark"] .download-card h2,
html[data-theme="dark"] .download-card h3,
body.dark-theme .download-card h1,
body.dark-theme .download-card h2,
body.dark-theme .download-card h3,
[data-theme="dark"] .download-card h1,
[data-theme="dark"] .download-card h2,
[data-theme="dark"] .download-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .download-card p,
html[data-theme="dark"] .download-card span,
body.dark-theme .download-card p,
body.dark-theme .download-card span,
[data-theme="dark"] .download-card p,
[data-theme="dark"] .download-card span {
  color: #94a3b8 !important;
}

/* --- 6. CASE STUDIES --- */
html[data-theme="dark"] .cs-card,
body.dark-theme .cs-card,
[data-theme="dark"] .cs-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .cs-card h3,
body.dark-theme .cs-card h3,
[data-theme="dark"] .cs-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .cs-card p,
html[data-theme="dark"] .cs-card span,
body.dark-theme .cs-card p,
body.dark-theme .cs-card span,
[data-theme="dark"] .cs-card p,
[data-theme="dark"] .cs-card span {
  color: #94a3b8 !important;
}

/* --- 7. PHONE MOCKUPS & HARDWARE STAGES --- */
html[data-theme="dark"] .au-phone-stage,
html[data-theme="dark"] .ecom-phone-stage,
html[data-theme="dark"] .fn-phone-stage,
body.dark-theme .au-phone-stage,
body.dark-theme .ecom-phone-stage,
body.dark-theme .fn-phone-stage,
[data-theme="dark"] .au-phone-stage,
[data-theme="dark"] .ecom-phone-stage,
[data-theme="dark"] .fn-phone-stage {
  background: transparent !important;
}

html[data-theme="dark"] .au-phone,
html[data-theme="dark"] .ecom-phone,
html[data-theme="dark"] .fn-phone,
html[data-theme="dark"] .crm-phone,
html[data-theme="dark"] .cig-sim-phone,
body.dark-theme .au-phone,
body.dark-theme .ecom-phone,
body.dark-theme .fn-phone,
body.dark-theme .crm-phone,
body.dark-theme .cig-sim-phone,
[data-theme="dark"] .au-phone,
[data-theme="dark"] .ecom-phone,
[data-theme="dark"] .fn-phone,
[data-theme="dark"] .crm-phone,
[data-theme="dark"] .cig-sim-phone {
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

/* --- 8. UNIVERSAL TYPOGRAPHY FOR ABSOLUTE CONTRAST --- */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f8fafc !important;
}

/* ==========================================================================
   AI WhatsApp Chatbot (/products/chatbot/) Comprehensive Dark Mode
   ========================================================================== */
html[data-theme="dark"] .cloned-hellobots-page,
body.dark-theme .cloned-hellobots-page,
[data-theme="dark"] .cloned-hellobots-page {
  background: #080c14 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .meta-partner,
body.dark-theme .meta-partner,
[data-theme="dark"] .meta-partner {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* AI Chatbot vs Human Agent vs Traditional Chatbot Comparison Section */
html[data-theme="dark"] .whatsapp-comparison,
body.dark-theme .whatsapp-comparison,
[data-theme="dark"] .whatsapp-comparison,
html[data-theme="dark"] .chatbot-comparison,
body.dark-theme .chatbot-comparison,
[data-theme="dark"] .chatbot-comparison {
  background: #080c14 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .whatsapp-comparison .whatsapp-heading,
body.dark-theme .whatsapp-comparison .whatsapp-heading,
[data-theme="dark"] .whatsapp-comparison .whatsapp-heading,
html[data-theme="dark"] .chatbot-comparison .whatsapp-heading,
body.dark-theme .chatbot-comparison .whatsapp-heading,
[data-theme="dark"] .chatbot-comparison .whatsapp-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] .whatsapp-comparison .api-subtext,
body.dark-theme .whatsapp-comparison .api-subtext,
[data-theme="dark"] .whatsapp-comparison .api-subtext,
html[data-theme="dark"] .chatbot-comparison .api-subtext,
body.dark-theme .chatbot-comparison .api-subtext,
[data-theme="dark"] .chatbot-comparison .api-subtext {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .comparison-wrapper,
body.dark-theme .comparison-wrapper,
[data-theme="dark"] .comparison-wrapper {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table,
body.dark-theme .chatbot-comparison .new-comparison-table,
[data-theme="dark"] .chatbot-comparison .new-comparison-table {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table thead tr,
body.dark-theme .chatbot-comparison .new-comparison-table thead tr,
[data-theme="dark"] .chatbot-comparison .new-comparison-table thead tr,
html[data-theme="dark"] .chatbot-comparison .new-comparison-table thead th,
body.dark-theme .chatbot-comparison .new-comparison-table thead th,
[data-theme="dark"] .chatbot-comparison .new-comparison-table thead th {
  background: #064e3b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:nth-child(even),
body.dark-theme .chatbot-comparison .new-comparison-table tbody tr:nth-child(even),
[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:nth-child(even) {
  background: #0b1329 !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:nth-child(odd),
body.dark-theme .chatbot-comparison .new-comparison-table tbody tr:nth-child(odd),
[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:nth-child(odd) {
  background: #0f172a !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:hover,
body.dark-theme .chatbot-comparison .new-comparison-table tbody tr:hover,
[data-theme="dark"] .chatbot-comparison .new-comparison-table tbody tr:hover {
  background: #1e293b !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table td,
body.dark-theme .chatbot-comparison .new-comparison-table td,
[data-theme="dark"] .chatbot-comparison .new-comparison-table td {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .chatbot-comparison .new-comparison-table td:first-child,
body.dark-theme .chatbot-comparison .new-comparison-table td:first-child,
[data-theme="dark"] .chatbot-comparison .new-comparison-table td:first-child {
  color: #ffffff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .chatbot-comparison .cmp-yes,
body.dark-theme .chatbot-comparison .cmp-yes,
[data-theme="dark"] .chatbot-comparison .cmp-yes {
  color: #34d399 !important;
  font-weight: 600 !important;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.25) !important;
}

html[data-theme="dark"] .chatbot-comparison .cmp-no,
body.dark-theme .chatbot-comparison .cmp-no,
[data-theme="dark"] .chatbot-comparison .cmp-no {
  color: #f87171 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] .chatbot-comparison .cmp-partial,
body.dark-theme .chatbot-comparison .cmp-partial,
[data-theme="dark"] .chatbot-comparison .cmp-partial {
  color: #fbbf24 !important;
  font-weight: 600 !important;
}

/* Mobile cards in comparison */
html[data-theme="dark"] .chatbot-comparison .wa-feature-card,
body.dark-theme .chatbot-comparison .wa-feature-card,
[data-theme="dark"] .chatbot-comparison .wa-feature-card {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .chatbot-comparison .wa-feature-name,
body.dark-theme .chatbot-comparison .wa-feature-name,
[data-theme="dark"] .chatbot-comparison .wa-feature-name {
  color: #34d399 !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] .chatbot-comparison .wa-col-item,
body.dark-theme .chatbot-comparison .wa-col-item,
[data-theme="dark"] .chatbot-comparison .wa-col-item {
  background: #1e293b !important;
}

html[data-theme="dark"] .chatbot-comparison .wa-col-header,
body.dark-theme .chatbot-comparison .wa-col-header,
[data-theme="dark"] .chatbot-comparison .wa-col-header {
  color: #94a3b8 !important;
}

/* Chatbot Can Do Section (6 cards) */
html[data-theme="dark"] .chatbot-can-do,
body.dark-theme .chatbot-can-do,
[data-theme="dark"] .chatbot-can-do {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .chatbot-can-do .ccd-title,
body.dark-theme .chatbot-can-do .ccd-title,
[data-theme="dark"] .chatbot-can-do .ccd-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .chatbot-can-do .ccd-card,
body.dark-theme .chatbot-can-do .ccd-card,
[data-theme="dark"] .chatbot-can-do .ccd-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .chatbot-can-do .ccd-card:hover,
body.dark-theme .chatbot-can-do .ccd-card:hover,
[data-theme="dark"] .chatbot-can-do .ccd-card:hover {
  border-color: rgba(16, 185, 129, 0.35) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .chatbot-can-do .ccd-body h3,
body.dark-theme .chatbot-can-do .ccd-body h3,
[data-theme="dark"] .chatbot-can-do .ccd-body h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .chatbot-can-do .ccd-body p,
body.dark-theme .chatbot-can-do .ccd-body p,
[data-theme="dark"] .chatbot-can-do .ccd-body p {
  color: #94a3b8 !important;
}

/* AI Engines Section */
html[data-theme="dark"] .ai-engines,
body.dark-theme .ai-engines,
[data-theme="dark"] .ai-engines {
  background: #080c14 !important;
}

html[data-theme="dark"] .ai-engines .engine-card,
body.dark-theme .ai-engines .engine-card,
[data-theme="dark"] .ai-engines .engine-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .ai-engines .engine-card:hover,
body.dark-theme .ai-engines .engine-card:hover,
[data-theme="dark"] .ai-engines .engine-card:hover {
  border-color: rgba(16, 185, 129, 0.35) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .ai-engines .engine-card h3,
body.dark-theme .ai-engines .engine-card h3,
[data-theme="dark"] .ai-engines .engine-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .ai-engines .engine-card p,
body.dark-theme .ai-engines .engine-card p,
[data-theme="dark"] .ai-engines .engine-card p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ai-engines .engine-link,
body.dark-theme .ai-engines .engine-link,
[data-theme="dark"] .ai-engines .engine-link {
  color: #34d399 !important;
}

/* Why Businesses Choose HelloBotz */
html[data-theme="dark"] .why-hellobotz,
body.dark-theme .why-hellobotz,
[data-theme="dark"] .why-hellobotz {
  background: #0b0f19 !important;
}

/* Use cases section & explore grid */
html[data-theme="dark"] .usecase-section,
body.dark-theme .usecase-section,
[data-theme="dark"] .usecase-section,
html[data-theme="dark"] #usecases-explore,
body.dark-theme #usecases-explore,
[data-theme="dark"] #usecases-explore,
html[data-theme="dark"] section.usecase-section[style],
body.dark-theme section.usecase-section[style],
[data-theme="dark"] section.usecase-section[style] {
  background: #080c14 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .usecase-section .grid-item,
body.dark-theme .usecase-section .grid-item,
[data-theme="dark"] .usecase-section .grid-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .usecase-section .grid-item h3,
body.dark-theme .usecase-section .grid-item h3,
[data-theme="dark"] .usecase-section .grid-item h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .usecase-section .grid-item p,
body.dark-theme .usecase-section .grid-item p,
[data-theme="dark"] .usecase-section .grid-item p {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .usecase-section .grid-item a,
body.dark-theme .usecase-section .grid-item a,
[data-theme="dark"] .usecase-section .grid-item a,
html[data-theme="dark"] .usecase-section .learn-more,
body.dark-theme .usecase-section .learn-more,
[data-theme="dark"] .usecase-section .learn-more {
  color: #34d399 !important;
}

html[data-theme="dark"] #usecases-explore .use-case-card,
body.dark-theme #usecases-explore .use-case-card,
[data-theme="dark"] #usecases-explore .use-case-card {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] #usecases-explore .use-case-card h3,
body.dark-theme #usecases-explore .use-case-card h3,
[data-theme="dark"] #usecases-explore .use-case-card h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] #usecases-explore .text-muted,
body.dark-theme #usecases-explore .text-muted,
[data-theme="dark"] #usecases-explore .text-muted {
  color: #94a3b8 !important;
}

/* FAQ section */
html[data-theme="dark"] .faq-section,
body.dark-theme .faq-section,
[data-theme="dark"] .faq-section {
  background: #0b0f19 !important;
}

html[data-theme="dark"] .faq-section h2,
body.dark-theme .faq-section h2,
[data-theme="dark"] .faq-section h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-itemm,
body.dark-theme .faq-itemm,
[data-theme="dark"] .faq-itemm,
html[data-theme="dark"] .custom-faq-accordion .faq-item,
body.dark-theme .custom-faq-accordion .faq-item,
[data-theme="dark"] .custom-faq-accordion .faq-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .faq-questionn,
body.dark-theme .faq-questionn,
[data-theme="dark"] .faq-questionn,
html[data-theme="dark"] .custom-faq-accordion .faq-question,
body.dark-theme .custom-faq-accordion .faq-question,
[data-theme="dark"] .custom-faq-accordion .faq-question {
  background: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-text,
body.dark-theme .faq-text,
[data-theme="dark"] .faq-text,
html[data-theme="dark"] .custom-faq-accordion .faq-question h3,
body.dark-theme .custom-faq-accordion .faq-question h3,
[data-theme="dark"] .custom-faq-accordion .faq-question h3,
html[data-theme="dark"] .custom-faq-accordion .faq-title h3,
body.dark-theme .custom-faq-accordion .faq-title h3,
[data-theme="dark"] .custom-faq-accordion .faq-title h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] .faq-answerr,
body.dark-theme .faq-answerr,
[data-theme="dark"] .faq-answerr,
html[data-theme="dark"] .custom-faq-accordion .faq-answer,
body.dark-theme .custom-faq-accordion .faq-answer,
[data-theme="dark"] .custom-faq-accordion .faq-answer {
  background: #0f172a !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .faq-arrow,
body.dark-theme .faq-arrow,
[data-theme="dark"] .faq-arrow {
  border-color: #34d399 !important;
}

/* CTA section */
html[data-theme="dark"] .cta-section .cta-container,
body.dark-theme .cta-section .cta-container,
[data-theme="dark"] .cta-section .cta-container {
  background: linear-gradient(135deg, #022c22 0%, #064e3b 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   UNIVERSAL HIGH-SPECIFICITY FOOTER OVERRIDES (ALL PAGES)
   ========================================================================== */
body .site-footer,
body .site-footer p,
body .site-footer a,
body .site-footer span:not(.channel-icon-pill),
body .site-footer li,
body .site-footer div:not(.channel-icon-pill):not(.footer-social-btn),
body .site-footer .footer-brand-desc,
body .site-footer .footer-social-wrapper span,
body .site-footer .footer-heading,
body .site-footer .footer-nav-col a,
body .site-footer .footer-channel-link,
body .site-footer .footer-channel-link span,
body .site-footer .footer-map-col p,
body .site-footer .footer-bottom,
body .site-footer .footer-copy,
body .site-footer .footer-legal a,
body .site-footer .presence-tag,
body .site-footer .presence-divider,
html[data-theme="dark"] body .site-footer,
html[data-theme="dark"] body .site-footer p,
html[data-theme="dark"] body .site-footer a,
html[data-theme="dark"] body .site-footer span:not(.channel-icon-pill),
html[data-theme="dark"] body .site-footer li,
html[data-theme="dark"] body .site-footer div:not(.channel-icon-pill):not(.footer-social-btn),
html[data-theme="dark"] body .site-footer .footer-brand-desc,
html[data-theme="dark"] body .site-footer .footer-social-wrapper span,
html[data-theme="dark"] body .site-footer .footer-heading,
html[data-theme="dark"] body .site-footer .footer-nav-col a,
html[data-theme="dark"] body .site-footer .footer-channel-link,
html[data-theme="dark"] body .site-footer .footer-channel-link span,
html[data-theme="dark"] body .site-footer .footer-map-col p,
html[data-theme="dark"] body .site-footer .footer-bottom,
html[data-theme="dark"] body .site-footer .footer-copy,
html[data-theme="dark"] body .site-footer .footer-legal a,
html[data-theme="dark"] body .site-footer .presence-tag,
html[data-theme="dark"] body .site-footer .presence-divider,
body.dark-theme .site-footer,
body.dark-theme .site-footer p,
body.dark-theme .site-footer a,
body.dark-theme .site-footer span:not(.channel-icon-pill),
body.dark-theme .site-footer li,
body.dark-theme .site-footer div:not(.channel-icon-pill):not(.footer-social-btn),
body.dark-theme .site-footer .footer-brand-desc,
body.dark-theme .site-footer .footer-social-wrapper span,
body.dark-theme .site-footer .footer-heading,
body.dark-theme .site-footer .footer-nav-col a,
body.dark-theme .site-footer .footer-channel-link,
body.dark-theme .site-footer .footer-channel-link span,
body.dark-theme .site-footer .footer-map-col p,
body.dark-theme .site-footer .footer-bottom,
body.dark-theme .site-footer .footer-copy,
body.dark-theme .site-footer .footer-legal a,
body.dark-theme .site-footer .presence-tag,
body.dark-theme .site-footer .presence-divider {
  color: #ffffff !important;
}

body .site-footer a:hover,
body .site-footer .footer-nav-col a:hover,
body .site-footer .footer-channel-link:hover,
body .site-footer .footer-legal a:hover,
html[data-theme="dark"] body .site-footer a:hover,
html[data-theme="dark"] body .site-footer .footer-nav-col a:hover,
html[data-theme="dark"] body .site-footer .footer-channel-link:hover,
html[data-theme="dark"] body .site-footer .footer-legal a:hover,
body.dark-theme .site-footer a:hover,
body.dark-theme .site-footer .footer-nav-col a:hover,
body.dark-theme .site-footer .footer-channel-link:hover,
body.dark-theme .site-footer .footer-legal a:hover {
  color: #38bdf8 !important;
}