/* ============================================================
   LOANS N STUFF — Dark Mode Nav Fix (inline override)
   Because CSS @media inside [data-theme] selectors need
   to be handled via JS and a class on the nav itself.
   This file patches the nav background for dark mode.
   ============================================================ */


/* Dark mode AI insight header uses same gradient — already uses CSS vars, OK */

/* Dark mode screenshot placeholder subtle glow */
[data-theme="dark"] .screenshot-placeholder {
  background: var(--color-bg-secondary);
  border-color: rgba(116, 68, 245, 0.25);
}
[data-theme="dark"] .screenshot-placeholder::before {
  background-image:
    linear-gradient(rgba(116, 68, 245, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 68, 245, 0.08) 1px, transparent 1px);
}

/* Dark mode card on CTA inner */
[data-theme="dark"] .cta-inner .btn-cta {
  background: #1a1030;
  color: #C4AAFF;
}
[data-theme="dark"] .cta-inner .btn-cta:hover {
  background: #22163F;
}

/* Workflow connector in dark */
[data-theme="dark"] .workflow-connector-line {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(116, 68, 245, 0.45),
    transparent
  );
}

/* Stack callout dark */
[data-theme="dark"] .stack-callout {
  background: var(--color-bg-secondary);
}

/* Problem transition dark */
[data-theme="dark"] .problem-transition {
  background: var(--color-bg-secondary);
}