/* =================================================================
   UNITED ACADEMY — ua-theme.css (Global Theme System)
   Unified Dark/Light mode for ALL pages
   ================================================================= */

/* ─── Light Mode: Landing Pages (style.css elements) ─── */
body.theme-light {
  --ua-bg: #f8fafc;
  --ua-card: rgba(255, 255, 255, 0.85);
  --ua-border: rgba(15, 23, 42, 0.1);
  --ua-text: #0f172a;
  --ua-muted: #64748b;
  background:
    linear-gradient(135deg, #f0f4ff 0%, #fafbff 50%, #f0fdf4 100%) !important;
  color: var(--ua-text);
}

/* Hide dark-only visual effects */
body.theme-light #neural-canvas,
body.theme-light .holo-grid,
body.theme-light .scanlines {
  display: none !important;
}
body.theme-light::before,
body.theme-light::after {
  display: none !important;
}

/* ─── Header ─── */
body.theme-light .main-header {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
body.theme-light .main-header.is-scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-bottom-color: rgba(15, 23, 42, 0.1);
}
body.theme-light .logo-img {
  filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.2));
}

/* ─── Navigation ─── */
body.theme-light .navigation a {
  background: rgba(241, 245, 249, 0.7);
  color: #334155;
}
body.theme-light .navigation a:hover {
  background: #e2e8f0;
  color: #0f172a;
}
body.theme-light .btn-get-started {
  color: #fff !important;
}

/* ─── Section Boxes ─── */
body.theme-light .section-box {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}
body.theme-light .section-box.alt {
  background: rgba(248, 250, 252, 0.9);
}
body.theme-light .section-box::before {
  opacity: 0.3;
}
body.theme-light .section-box::after {
  opacity: 0.15;
}

/* ─── Cards ─── */
body.theme-light .course-card,
body.theme-light .product-card,
body.theme-light .partner-card,
body.theme-light .team-card,
body.theme-light .feature-card,
body.theme-light .info-card,
body.theme-light .plan-card,
body.theme-light .step-card {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* ─── Footer ─── */
body.theme-light .main-footer {
  color: #64748b;
}
body.theme-light .footer-links a {
  background: rgba(241, 245, 249, 0.7);
  color: #334155;
}

/* ─── Forms & Inputs ─── */
body.theme-light input,
body.theme-light textarea,
body.theme-light select {
  background: #fff;
  border-color: #e2e8f0;
  color: #0f172a;
}
body.theme-light input:focus,
body.theme-light textarea:focus,
body.theme-light select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
  color: #94a3b8;
}

/* ─── Tables ─── */
body.theme-light table {
  background: #fff;
}
body.theme-light th {
  background: #f8fafc;
  color: #334155;
  border-color: #e2e8f0;
}
body.theme-light td {
  border-color: #f1f5f9;
  color: #334155;
}
body.theme-light tr:hover td {
  background: #f8fafc;
}

/* ─── Modals & Panels ─── */
body.theme-light .modal,
body.theme-light .panel {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

/* ─── Scrollbar ─── */
body.theme-light ::-webkit-scrollbar-track {
  background: #f1f5f9;
}
body.theme-light ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
}
body.theme-light ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* ─── User Dashboard Elements (replaces inline in dashboard.php) ─── */
body.theme-light .ua-card,
body.theme-light .ua-mission,
body.theme-light .ua-command,
body.theme-light .table-responsive,
body.theme-light .ua-dockbar,
body.theme-light .ua-toast {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
body.theme-light #sidebar {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

body.theme-light .ua-alert.info { background: #eff6ff; border-color: #bfdbfe; }
body.theme-light .ua-alert.success { background: #f0fdf4; border-color: #bbf7d0; }
body.theme-light .ua-alert.warn { background: #fffbeb; border-color: #fde68a; }
body.theme-light .ua-alert.danger { background: #fef2f2; border-color: #fecaca; }

body.theme-light .ua-btn { background: #fff; border-color: rgba(15, 23, 42, 0.1); color: #0f172a; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
body.theme-light .ua-btn:hover { background: #f1f5f9; }
body.theme-light .ua-btn.primary { background: #0ea5e9; color: #fff; border-color: #0ea5e9; }

body.theme-light .ua-pill { background: #f1f5f9; border-color: rgba(15, 23, 42, 0.1); color: #0f172a; }
body.theme-light .ua-pill.ok { background: #dcfce7; color: #166534; border-color: #bbf7d0; }
body.theme-light .ua-pill.warn { background: #fef3c7; color: #92400e; border-color: #fde68a; }
body.theme-light .ua-pill.danger { background: #fee2e2; color: #991b1b; border-color: #fecaca; }

body.theme-light .ua-chain-card { background: #fff; }
body.theme-light .ua-chain-v, body.theme-light .ua-rule-title, body.theme-light .ua-rule-strong { color: #0f172a; }
body.theme-light .ua-chain-s, body.theme-light .ua-rule-sub, body.theme-light .ua-rule-muted { color: #64748b; }
body.theme-light .ua-rule-line { background: #f8fafc; border-color: rgba(15, 23, 42, 0.1); }

body.theme-light .ua-quick-item { background: #fff; }
body.theme-light .ua-quick-item:hover { background: #f8fafc; }

body.theme-light .ua-navlink:hover { background: #f1f5f9; color: #0f172a; }
body.theme-light .ua-navlink.active { background: #e0f2fe; color: #0369a1; border-color: #bae6fd; }
body.theme-light .ua-navlink i { color: #94a3b8; }
body.theme-light .ua-navlink.active i { color: #0284c7; }

body.theme-light .ua-hamburger { background: #fff; border-color: rgba(15, 23, 42, 0.1); }
body.theme-light .ua-hamburger span { background: #0f172a; }

/* ─── Admin Dashboard Elements ─── */
body.theme-light .admin-card,
body.theme-light .stat-card,
body.theme-light .vault-card,
body.theme-light .treasury-card {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* ─── Hamburger (mobile nav) ─── */
body.theme-light .hamburger {
  color: #0f172a;
}

/* ─── Quick Links ─── */
body.theme-light .quick-links-slim a,
body.theme-light .quick-link {
  background: rgba(241, 245, 249, 0.8);
  color: #334155;
  border-color: rgba(15, 23, 42, 0.08);
}
body.theme-light .quick-links-slim a:hover,
body.theme-light .quick-link:hover {
  background: #e2e8f0;
}

/* ─── Smooth Transition ─── */
body,
body .main-header,
body .section-box,
body .main-footer,
body .navigation a,
body .footer-links a,
body input,
body textarea,
body select {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}