/* =====================================================================
 * UNear · Public pages ONLY (html.un-public)
 * Minimal overrides — must NOT block scroll, clicks, or SPA routing.
 * ===================================================================== */

html.un-public {
  background-color: #0b1220;
}

html.un-public body {
  background-color: #0b1220 !important;
  background-image:
    radial-gradient(1200px 600px at 15% -5%, rgba(16, 185, 129, 0.08) 0%, transparent 55%),
    radial-gradient(900px 500px at 90% 0%, rgba(6, 182, 212, 0.06) 0%, transparent 60%),
    linear-gradient(180deg, #0b1220 0%, #0f1828 100%) !important;
  /* fixed attachment breaks scroll on iOS / some desktop GPUs */
  background-attachment: scroll !important;
  color: #f1f5f9;
  opacity: 1 !important;
  filter: none !important;
}

html.un-public body::before,
html.un-public body::after {
  content: none !important;
  display: none !important;
}

/* Solid surfaces — exclude body (it carries bg-slate-950 for Tailwind) */
html.un-public main .bg-slate-900,
html.un-public main .bg-slate-900\/70,
html.un-public main .bg-slate-900\/60,
html.un-public main .bg-slate-900\/50,
html.un-public main section.bg-slate-900,
html.un-public .pp-card,
html.un-public .co-card,
html.un-public .un-card {
  background-color: #0f172a !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

html.un-public main {
  background: transparent !important;
}

/* SPA — match landing.html; do not disable animations on active view */
html.un-public .spa-view:not(.active) {
  display: none !important;
}

html.un-public .spa-view.active {
  display: block !important;
}

html.un-public .pp-card {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 12px 40px -16px rgba(0, 0, 0, 0.55) !important;
}

html.un-public .co-card {
  background: linear-gradient(180deg, #0f172a 0%, #172033 100%) !important;
}

html.un-public .text-slate-100,
html.un-public h1,
html.un-public h2,
html.un-public h3 {
  color: #f8fafc !important;
}

html.un-public .text-slate-300,
html.un-public .pp-body {
  color: #e2e8f0 !important;
}

html.un-public .text-slate-400 {
  color: #94a3b8 !important;
}

html.un-public .text-slate-500 {
  color: #64748b !important;
}

html.un-public .text-emerald-300 {
  color: #6ee7b7 !important;
}

html.un-public #drawer-backdrop:not(.show) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.un-public #site-header {
  background: rgba(11, 18, 32, 0.97) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(51, 65, 85, 0.5) !important;
}

html.un-public #site-header.scrolled {
  background: rgba(11, 18, 32, 1) !important;
}