/* V.AI | Velocis Labs — Brand Override CSS */

/* ── Kill built‑in Dify logo image (all sizes) ───────── */
img[alt="Dify logo"],
img[alt="Dify Logo"],
img[src*="/logo/logo.svg"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

/* ── Hide obvious Dify logo containers just in case ──── */
[class*="logo"],
header a[href="/"] img,
nav a[href="/"] img {
  /* original image is hidden by rules above; container kept for V.AI SVG */
}

/* ── Hide community footer / GitHub / Discord links ──── */
a[href*="github.com/langgenius"],
a[href*="discord.gg"],
a[href*="twitter.com/daborai"],
a[href*="x.com/daborai"] {
  display: none !important;
}

/* Container around "Join the community" section (modern browsers support :has) */
section:has(h3:contains("Join the community")),
div:has(h3:contains("Join the community")),
footer:has(h3:contains("Join the community")) {
  display: none !important;
}

/* ── Brand color tokens ──────────────────────────────── */
:root {
  --vai-primary: #6366F1;
  --vai-primary-dark: #4F46E5;
  --vai-accent: #8B5CF6;
  --vai-accent-light: #A78BFA;
  --vai-gradient-start: #6366F1;
  --vai-gradient-end: #EC4899;
  --vai-bg-dark: #0F0F23;
  --vai-bg-card: #1A1A2E;
  --vai-text-primary: #F8FAFC;
  --vai-text-secondary: #94A3B8;
}

/* ── Primary buttons to gradient ─────────────────────── */
button[class*="primary"],
.btn-primary,
a[class*="primary"] {
  background: linear-gradient(
    135deg,
    var(--vai-gradient-start),
    var(--vai-gradient-end)
  ) !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

button[class*="primary"]:hover,
.btn-primary:hover,
a[class*="primary"]:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4) !important;
}

/* ── Active tab color ────────────────────────────────── */
.active,
[data-state="active"],
.tab-active {
  color: var(--vai-primary) !important;
  border-color: var(--vai-primary) !important;
}

/* ── Subtle scrollbar ────────────────────────────────── */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--vai-primary), var(--vai-accent));
  border-radius: 3px;
}

/* ── Smooth transitions ──────────────────────────────── */
* {
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}