/* ITSALE_NATIVE_LIGHT_DARK_THEME_V1 */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

.itsale-theme-toggle {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #323842;
  border-radius: 50%;
  background: #0f1115;
  color: #f8fafc;
  font-size: 1.05rem;
  cursor: pointer;
}
.itsale-theme-toggle:hover,
.itsale-theme-toggle:focus-visible {
  color: #fff;
  background: #172033;
  border-color: #60a5fa;
  outline: 2px solid transparent;
}

html[data-theme="light"] body.bg-dark {
  background: radial-gradient(circle at 50% -10%, rgba(59,130,246,.14), transparent 45%), #f4f8ff !important;
  background-color: #f4f8ff !important;
  color: #0f172a !important;
}
html[data-theme="light"] body.bg-dark main,
html[data-theme="light"] body.bg-dark > .container,
html[data-theme="light"] body.bg-dark > .container-fluid { background: transparent !important; }

html[data-theme="light"] .darktech-hero {
  background: radial-gradient(circle at 0 0, rgba(56,189,248,.18), transparent 52%), linear-gradient(160deg,#eaf3ff,#f8fbff) !important;
  border-bottom-color: #cbd5e1;
}
html[data-theme="light"] .darktech-title,
html[data-theme="light"] .darktech-hero h2,
html[data-theme="light"] .darktech-categories h2,
html[data-theme="light"] .darktech-vip-section h2,
html[data-theme="light"] .darktech-listings-section h2 { color: #0f172a !important; }
html[data-theme="light"] .darktech-pill { background:#fff; border-color:#bfdbfe; color:#0f3a63; }
html[data-theme="light"] .darktech-hero .text-secondary,
html[data-theme="light"] .darktech-hero-metrics,
html[data-theme="light"] .darktech-listings-section .text-secondary { color:#475569 !important; }
html[data-theme="light"] .darktech-hero-metrics strong { color:#0f172a; }
html[data-theme="light"] .darktech-search-card,
html[data-theme="light"] .darktech-hero .card.bg-dark {
  background:#fff !important;
  border-color:#cbd5e1 !important;
  box-shadow:0 18px 44px rgba(15,23,42,.12) !important;
  color:#0f172a !important;
}
html[data-theme="light"] .darktech-search-input,
html[data-theme="light"] .darktech-select {
  background:#f8fafc !important;
  border-color:#94a3b8 !important;
  color:#0f172a !important;
}
html[data-theme="light"] .darktech-search-input::placeholder { color:#64748b; }
html[data-theme="light"] .darktech-categories,
html[data-theme="light"] .darktech-vip-section,
html[data-theme="light"] .darktech-listings-section { background:#f4f8ff !important; }
html[data-theme="light"] .darktech-category-chip,
html[data-theme="light"] .darktech-listing-card {
  background:#fff !important;
  border-color:#cbd5e1 !important;
  box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
  color:#0f172a !important;
}
html[data-theme="light"] .darktech-category-chip:hover { color:#075b9d; border-color:#38bdf8; }
html[data-theme="light"] .darktech-listing-title { color:#0f172a; }
html[data-theme="light"] .darktech-listing-meta { color:#475569; }

html[data-theme="light"] .card.bg-dark,
html[data-theme="light"] .auth-card.bg-dark,
html[data-theme="light"] .card,
html[data-theme="light"] .bg-body-tertiary {
  background-color:#fff !important;
  border-color:#cbd5e1 !important;
  color:#0f172a !important;
}
html[data-theme="light"] .card .text-light,
html[data-theme="light"] .auth-card .text-light { color:#0f172a !important; }
html[data-theme="light"] .card .text-secondary,
html[data-theme="light"] .auth-card .text-secondary { color:#475569 !important; }

html[data-theme="light"] .pricing-hero,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .pricing-info,
html[data-theme="light"] .pricing-method {
  background:#fff !important;
  border-color:#cbd5e1 !important;
  color:#0f172a !important;
  box-shadow:0 16px 38px rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .pricing-title,
html[data-theme="light"] .pricing-info h2,
html[data-theme="light"] .pricing-method strong { color:#0f172a !important; }
html[data-theme="light"] .pricing-lead,
html[data-theme="light"] .pricing-desc,
html[data-theme="light"] .pricing-info,
html[data-theme="light"] .pricing-method .text-secondary { color:#475569 !important; }
html[data-theme="light"] .pricing-list li { color:#334155; }

html[data-theme="light"] .contact-page,
html[data-theme="light"] .contact-page h1,
html[data-theme="light"] .contact-page h2,
html[data-theme="light"] .contact-page h3,
html[data-theme="light"] .contact-page h4,
html[data-theme="light"] .contact-page h5,
html[data-theme="light"] .contact-page h6,
html[data-theme="light"] .contact-page p,
html[data-theme="light"] .contact-page label,
html[data-theme="light"] .contact-page li,
html[data-theme="light"] .contact-page .card,
html[data-theme="light"] .contact-page .card-body { color:#0f172a !important; }
html[data-theme="light"] .contact-page .text-secondary,
html[data-theme="light"] .contact-page .text-muted { color:#475569 !important; }
html[data-theme="light"] .contact-card { background:#fff !important; border-color:#cbd5e1 !important; }
html[data-theme="light"] .contact-page form .form-control {
  background:#f8fafc !important;
  border-color:#94a3b8 !important;
  color:#0f172a !important;
}

html[data-theme="light"] body.page-auth.bg-dark,
html[data-theme="light"] body.page-auth .clean-bg,
html[data-theme="light"] body.page-auth .hero-section,
html[data-theme="light"] body.page-auth .hero-section::before,
html[data-theme="light"] body.page-auth .hero-section::after {
  background:#f4f8ff !important;
  background-image:none !important;
}
html[data-theme="light"] body.page-auth .auth-card { background:#fff !important; color:#0f172a !important; }
html[data-theme="light"] body.page-auth .auth-title,
html[data-theme="light"] body.page-auth .form-label,
html[data-theme="light"] body.page-auth .text-light,
html[data-theme="light"] body.page-auth a.text-white { color:#0f172a !important; }
html[data-theme="light"] body.page-auth .form-control { background:#f8fafc !important; color:#0f172a !important; border-color:#94a3b8 !important; }

/* Branded navigation, partners and footer intentionally remain dark in both modes. */
html[data-theme="light"] .navbar,
html[data-theme="light"] .partners-section,
html[data-theme="light"] .footer-stats-section,
html[data-theme="light"] footer { color:#f8fafc; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}