/* ============================================================
   DIGITAL INTEL — LIGHT THEME MANIFEST
   Scope: .digital-intel-light
   Purpose: Full light-mode variable palette + overrides
   ============================================================ */

.digital-intel-light {
  /* Core palette */
  --di-bg: #ffffff;
  --di-bg-alt: #f7f7f7;
  --di-surface: #fafafa;
  --di-text: #111111;
  --di-text-muted: #444444;

  /* Accents */
  --di-accent: #000000;
  --di-accent-soft: rgba(0, 0, 0, 0.6);
  --di-accent-faint: rgba(0, 0, 0, 0.15);

  /* Gold (shared across themes) */
  --di-gold: #d4af37;
  --di-gold-soft: rgba(212, 175, 55, 0.5);

  /* Borders */
  --di-border: rgba(0, 0, 0, 0.15);
  --di-border-strong: rgba(0, 0, 0, 0.35);

  /* Nav brand */
  --di-nav-brand-rest: rgba(255, 255, 255, 0.65); /* watermark white */
  --di-nav-brand-hover: #000000; /* hard black */

  /* Links */
  --di-link-rest: #000000;
  --di-link-hover: #d4af37;

  /* Cards */
  --di-card-bg: #ffffff;
  --di-card-border: rgba(0, 0, 0, 0.12);
  --di-card-shadow: rgba(0, 0, 0, 0.08);

  /* Poster titles */
  --di-poster-title: #111111;
  --di-poster-title-hover: #d4af37;

  /* Glow ring */
  --di-glow: rgba(0, 0, 0, 0.12);

  /* Focus ring */
  --di-focus: rgba(0, 0, 0, 0.45);

  /* Dock overrides */
  --dock-accent: var(--di-accent) !important;
  --dock-accent-strong: var(--di-accent) !important;
  --dock-accent-soft: var(--di-accent-soft) !important;
  --dock-accent-dim: var(--di-accent-faint) !important;
  --dock-highlight: var(--di-accent) !important;
  --dock-highlight-soft: var(--di-accent-soft) !important;
  --dock-link: var(--di-accent) !important;
  --dock-link-hover: var(--di-accent) !important;
  --dock-border-strong: var(--di-accent-faint) !important;
  --dock-border: var(--di-accent-faint) !important;
  --dock-shadow: none !important;
  --dock-glow: none !important;
  /* Nav brand overrides */
  --nav-brand-watermark: rgba(255, 255, 255, 0.65) !important;
  --nav-brand-hover: #000000 !important;

  /* Poster + link text overrides */
  --dock-text: #111111 !important;
  --dock-text-muted: #444444 !important;
  --dock-link: #000000 !important;
  --dock-link-hover: #000000 !important;
}

.digital-intel-light body,
body.digital-intel-light {
  background: var(--di-bg);
  color: var(--di-text);
}

.digital-intel-light a {
  color: var(--di-link-rest);
}

.digital-intel-light a:hover {
  color: var(--di-link-hover);
}

/* Nav brand (site title) */
.digital-intel-light .nav-brand,
.digital-intel-light #nav-brand {
  color: var(--di-nav-brand-rest);
  transition: color 0.25s ease;
}

.digital-intel-light .nav-brand:hover,
.digital-intel-light #nav-brand:hover {
  color: var(--di-nav-brand-hover);
}

/* Nav links */
.digital-intel-light nav a {
  color: var(--di-text);
  border-color: transparent;
}

.digital-intel-light nav a:hover {
  color: var(--di-link-hover);
  border-color: var(--di-gold);
}

.digital-intel-light * {
  border-color: var(--di-border);
}

.digital-intel-light :focus {
  outline: 2px solid var(--di-focus);
  outline-offset: 2px;
}

.digital-intel-light .di-card {
  background: var(--di-card-bg);
  border: 1px solid var(--di-card-border);
  box-shadow: 0 2px 6px var(--di-card-shadow);
  color: var(--di-text);
}

.digital-intel-light .di-card:hover {
  border-color: var(--di-gold);
  box-shadow: 0 0 0 3px var(--di-gold-soft);
}

.digital-intel-light .poster-title {
  color: var(--di-poster-title);
  transition: color 0.25s ease;
}

.digital-intel-light .poster-title:hover {
  color: var(--di-poster-title-hover);
}

.digital-intel-light .poster-tagline {
  color: var(--di-text-muted);
}

.digital-intel-light .poster::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0)
  );
  pointer-events: none;
}

.digital-intel-light .glow-ring {
  box-shadow: 0 0 0 4px var(--di-glow);
}

.digital-intel-light .hero-subtitle {
  color: var(--di-text-muted);
}

.digital-intel-light .hero-accent {
  color: var(--di-accent);
  border-bottom: 2px solid var(--di-gold);
}

.digital-intel-light .dock-accent,
.digital-intel-light .dock-link,
.digital-intel-light .dock-border {
  all: unset;
}

/* ============================================================
   DIGITAL INTEL — LIGHT THEME OVERRIDE LAYER
   Purpose: Override Dock.css globals and restore DI-Light behavior
   ============================================================ */

/* 1. Body background + text (beats Dock body rules) */
body.digital-intel-light {
  background: var(--di-bg);
  color: var(--di-text);
}

/* 2. Global link behavior (Dock sets these globally) */
.digital-intel-light a {
  color: var(--di-text);
}

.digital-intel-light a:hover {
  color: var(--di-accent-hover, var(--di-link-hover, #d4af37));
}

/* 3. Navigation brand (watermark → hard black hover) */
.digital-intel-light .nav-brand,
.digital-intel-light #nav-brand {
  color: var(--nav-brand-watermark);
  transition: color 0.25s ease;
}

.digital-intel-light .nav-brand:hover,
.digital-intel-light #nav-brand:hover {
  color: var(--nav-brand-hover);
}

/* 4. Navigation links (Dock overrides these unless scoped) */
.digital-intel-light nav a {
  color: var(--di-text);
  border-color: transparent;
}

.digital-intel-light nav a:hover {
  color: var(--di-accent-hover);
  border-color: var(--di-accent-hover);
}

/* 5. Borders (Dock sets its own border color globally) */
.digital-intel-light * {
  border-color: var(--di-border);
}

/* 6. Focus ring (Dock sets its own outline) */
.digital-intel-light :focus {
  outline: 2px solid var(--di-accent-hover);
  outline-offset: 2px;
}

/* 7. Cards (Dock sets surface, border, shadow) */
.digital-intel-light .di-card {
  background: var(--dock-surface);
  border: 1px solid var(--di-border);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  color: var(--di-text);
}

.digital-intel-light .di-card:hover {
  border-color: var(--di-accent-hover);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

/* 8. Poster titles (Dock sets link hover colors) */
.digital-intel-light .poster-title {
  color: var(--di-text);
  transition: color 0.25s ease;
}

.digital-intel-light .poster-title:hover {
  color: var(--di-accent-hover);
}

/* 9. Poster gradient (Dock uses darker overlays) */
.digital-intel-light .poster::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0)
  );
  pointer-events: none;
}

/* 10. Hero subtitle + accent (Dock overrides these) */
.digital-intel-light .hero-subtitle {
  color: var(--di-text-muted);
}

.digital-intel-light .hero-accent {
  color: var(--di-accent);
  border-bottom: 2px solid var(--di-accent-hover);
}

/* 11. Remove Dock’s global accent/link/border bleed */
.digital-intel-light .dock-accent,
.digital-intel-light .dock-link,
.digital-intel-light .dock-border {
  all: unset;
}

/* NAV BRAND — FORCE DI-LIGHT TO WIN */
body.digital-intel-light .nav-brand:hover,
body.digital-intel-light #nav-brand:hover {
  color: var(--nav-brand-hover);
}

/* ============================================================
   DI-LIGHT — KILL DOCK HOVER + PSEUDO-ELEMENT BLEED
   ============================================================ */

/* Resting state: watermark white */
body.digital-intel-light .dock-nav__brand {
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: inherit !important;
  font-weight: normal !important;
}

/* Hover state: bold black */
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

/* Kill Dock pseudo-elements */
body.digital-intel-light .dock-nav__brand::before,
body.digital-intel-light .dock-nav__brand::after,
body.digital-intel-light .dock-nav__brand:hover::before,
body.digital-intel-light .dock-nav__brand:hover::after {
  content: none !important;
  color: inherit !important;
  font-family: inherit !important;
}

/* ============================================================
   DI-LIGHT — FINAL HOVER DOMINATION
   ============================================================ */

/* Match Dock's selector chain exactly, then override */
body.digital-intel-light nav .dock-nav__inner .dock-nav__brand:hover,
body.digital-intel-light .dock-nav__inner .dock-nav__brand:hover,
body.digital-intel-light nav .dock-nav__brand:hover,
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  transition: none !important;
}

/* Resting state */
body.digital-intel-light .dock-nav__brand {
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: inherit !important;
  font-weight: normal !important;
  transition: none !important;
}

/* ============================================================
   DI-LIGHT — BRAND ONLY (SAFE, NON-DESTRUCTIVE)
   ============================================================ */

/* Resting state: watermark white */
body.digital-intel-light .dock-nav__brand {
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: normal !important;
  font-family: inherit !important;
}

/* Hover state: bold black */
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
  font-weight: bold !important;
  font-family: inherit !important;
}

/* Kill Dock pseudo-elements ONLY for brand */
body.digital-intel-light .dock-nav__brand::before,
body.digital-intel-light .dock-nav__brand::after {
  content: none !important;
  background: none !important;
  color: inherit !important;
  transition: none !important;
}

/* Kill Dock transition ONLY for brand */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav__brand:hover {
  transition: none !important;
}

/* ============================================================
   DI-LIGHT — CORRECT BRAND OVERRIDE (underscore version)
   ============================================================ */

/* Resting state: watermark white */
body.digital-intel-light .dock-nav_brand {
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: inherit !important;
  font-weight: normal !important;
  transition: none !important;
}

/* Hover state: bold black */
body.digital-intel-light .dock-nav_brand:hover {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  transition: none !important;
}

/* Kill Dock pseudo-elements */
body.digital-intel-light .dock-nav_brand::before,
body.digital-intel-light .dock-nav_brand::after {
  content: none !important;
  background: none !important;
  color: inherit !important;
  transition: none !important;
}

/* DI-LIGHT — JS override neutralizer */
body.digital-intel-light nav .dock-nav_brand,
body.digital-intel-light nav .dock-nav_brand:hover {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

/* Restore hover for all nav links */
body.digital-intel-light nav .dock-nav__links a:hover {
  color: #000000 !important;
}

/* Restore poster link hover */
body.digital-intel-light .dock-poster__title a,
body.digital-intel-light .dock-poster__title a:hover {
  color: #000000 !important;
}

/* DI-LIGHT — Correct nav link override */
body.digital-intel-light .dock-nav_links a {
  color: #000000 !important;
}

body.digital-intel-light .dock-nav_links a:hover {
  color: #000000 !important;
}

/* DI-LIGHT — Final specificity override */

/* Nav brand (both naming conventions) */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav_brand {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

/* Nav brand hover */
body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_brand:hover {
  color: #000000 !important;
}

/* Nav links (correct selector) */
body.digital-intel-light .dock-nav_links a {
  color: #000000 !important;
}

body.digital-intel-light .dock-nav_links a:hover {
  color: #000000 !important;
}

/* Poster titles */
body.digital-intel-light .dock-poster__title a,
body.digital-intel-light .dock-poster__title a:hover {
  color: #000000 !important;
}

/* DI-LIGHT — kill Dock glow on brand + nav links */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav_brand,
body.digital-intel-light .dock-nav__brand::before,
body.digital-intel-light .dock-nav__brand::after,
body.digital-intel-light .dock-nav_brand::before,
body.digital-intel-light .dock-nav_brand::after,
body.digital-intel-light .dock-nav_links a,
body.digital-intel-light .dock-nav_links a::before,
body.digital-intel-light .dock-nav_links a::after {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
}

/* DI-LIGHT — kill Dock hover glow */
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_brand:hover {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* DI-LIGHT — restore hover behavior */
body.digital-intel-light a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_brand:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* DI-LIGHT — kill Dock glow on BOTH brand selectors */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav__brand::before,
body.digital-intel-light .dock-nav__brand::after,
body.digital-intel-light .dock-nav_brand,
body.digital-intel-light .dock-nav_brand::before,
body.digital-intel-light .dock-nav_brand::after {
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
}

/* DI-LIGHT — restore brand color */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav_brand {
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

/* DI-LIGHT — restore brand hover */
body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_brand:hover {
  color: #000000 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* DI-LIGHT — restore watermark white ONLY for nav brand */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav_brand {
  color: rgba(255, 255, 255, 0.65) !important; /* watermark white */
  text-decoration: underline;
}

/* DI-LIGHT — brand rest state */
body.digital-intel-light .dock-nav__brand,
body.digital-intel-light .dock-nav_brand {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* DI-LIGHT — hover behavior */
body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_brand:hover,
body.digital-intel-light .dock-nav_links a:hover {
  color: #000000 !important;
}

/* DI-LIGHT — kill Dock hover + glow on Season Switcher */
body.digital-intel-light .di-season-switcher__link,
body.digital-intel-light .di-season-switcher__link:hover,
body.digital-intel-light .di-season-switcher__link::before,
body.digital-intel-light .di-season-switcher__link::after {
  color: #000000 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* DI-LIGHT — brand rest state */
body.digital-intel-light .dock-nav__brand {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* DI-LIGHT — brand hover only (keep antimatter behavior) */
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
}

body.digital-intel-light .dock-nav__brand {
  color: rgba(255, 255, 255, 0.65) !important;
}

body.digital-intel-light .dock-nav__brand:hover,
body.digital-intel-light .dock-nav_links a:hover {
  color: #000000 !important;
}

/* DI-LIGHT — restore gold hover for all non-brand links */
body.digital-intel-light a:hover,
body.digital-intel-light nav a:hover,
body.digital-intel-light .di-season-switcher__link:hover,
body.digital-intel-light .poster-title:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for nav links */
body.digital-intel-light .dock-nav_links a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for nav links (exact selector match) */
body.digital-intel-light .dock-nav_links a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for nav links (correct selector) */
body.digital-intel-light .dock-nav__links a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for ALL nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — override ALL Dock link hover variants */
body.digital-intel-light .dock-link:hover,
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — override Dock's global hover */
body.digital-intel-light a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for all nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-link:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — override Dock's global hover */
body.digital-intel-light a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for ALL nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-link:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — override Dock's global hover */
body.digital-intel-light a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for ALL nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-link:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — override Dock's global hover */
body.digital-intel-light a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for ALL nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-link:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — brand hover (keep antimatter effect) */
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
}

/* DI-LIGHT — override Dock's global hover */
body.digital-intel-light a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — restore gold hover for ALL nav link variants */
body.digital-intel-light .dock-nav__links a:hover,
body.digital-intel-light .dock-nav_links a:hover,
body.digital-intel-light .dock-link:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — brand hover (keep antimatter effect) */
body.digital-intel-light .dock-nav__brand:hover {
  color: #000000 !important;
}

/* DI-LIGHT — gold hover for nav links */
body.digital-intel-light nav a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — gold hover for nav links */
body.digital-intel-light nav a:hover {
  color: var(--di-link-hover) !important; /* gold */
}

/* DI-LIGHT — gold hover for nav links (correct DOM path) */
body.digital-intel-light nav .dock-nav__links a:hover,
body.digital-intel-light nav .dock-nav_links a:hover {
  color: var(--di-link-hover) !important;
}

/* DI-LIGHT — override Dock page chrome */
body.digital-intel-light {
  --dock-bg: #f8f4eb; /* parchment */
  --dock-surface: #ffffff; /* white */
  --dock-surface-hover: #f1ede4;
  --dock-border: #d4c8b8; /* warm neutral */
}

/* DI-LIGHT — top & bottom bars */
body.digital-intel-light .dock-nav {
  border-top: 4px solid #d4af37; /* gold */
  border-bottom: 4px solid #0a4c8a; /* deep blue */
}

/* DI-LIGHT — antimatter top & bottom bars */
body.digital-intel-light .dock-nav {
  border-top: 4px solid #d4af37 !important; /* gold */
  border-bottom: 4px solid #0a4c8a !important; /* deep blue */
}

/* Remove Dock’s default nav border */
body.digital-intel-light .dock-nav {
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: transparent !important;
}

/* DI-LIGHT — remove nav borders */
body.digital-intel-light .dock-nav {
  border-top: none !important;
  border-bottom: none !important;
}

/* 1) HERO — gold top, blue bottom */
body.digital-intel-light .di-hero--light {
  border-top: 2px solid #0a4c8a !important; /* gold */
  border-bottom: 4px solid #d4af37 !important; /* blue */
}

/* 2) STREAMING — blue top, gold bottom */
body.digital-intel-light .di-streaming-banner {
  background: #000000 !important;
  color: #ffffff !important;

  border-top: 2px solid #0a4c8a !important; /* blue */
  border-bottom: 4px solid #d4af37 !important; /* gold */
}