/* ============================================================
   DIGITAL INTELLIGENCE — SPECIFICITY PATCH PACK
   Purpose: Out‑specific Dock.css and restore DI layout + colors
   ============================================================ */

/* ------------------------------------------------------------
   NAV BRAND — watermark black → bloom white
   ------------------------------------------------------------ */

.digital-intel-dark header .dock-nav__brand {
  color: #000 !important;
}

.digital-intel-dark header .dock-nav__brand:hover {
  color: #fff !important;
}

/* ------------------------------------------------------------
   NAV INNER SPACING — override Dock global padding
   ------------------------------------------------------------ */

.digital-intel-dark header .dock-nav__inner,
.digital-intel-light header .dock-nav__inner {
  padding: 1rem 2rem !important;
}

/* ------------------------------------------------------------
   HERO SUBTITLE — override Dock blue
   ------------------------------------------------------------ */

.digital-intel-dark header .di-hero__subtitle {
  color: var(--di-text-muted) !important;
}

.digital-intel-light header .di-hero__subtitle {
  color: var(--di-accent) !important;
}

/* ------------------------------------------------------------
   HERO BLOCK SPACING — restore original geometry
   ------------------------------------------------------------ */

.digital-intel-dark header.di-hero--dark {
  background-color: #0a0a0a !important;
  padding: 3rem 2rem !important;
}

.digital-intel-light header.di-hero--light {
  background-color: #ffffff !important;
  padding: 3rem 2rem !important;
}

/* ------------------------------------------------------------
   FOOTER — override Dock zeroing rules
   ------------------------------------------------------------ */

.digital-intel-dark footer {
  background-color: #0a0a0a !important;
  color: #8b949e !important;
  padding: 2rem !important;
  border-top: 1px solid #333 !important;
}

.digital-intel-light footer {
  background-color: #ffffff !important;
  color: #333 !important;
  padding: 2rem !important;
  border-top: 1px solid #ccc !important;
}

/* ------------------------------------------------------------
   SEASON SWITCHER — restore visibility + geometry
   ------------------------------------------------------------ */

.digital-intel-dark section.di-season-switcher,
.digital-intel-light section.di-season-switcher {
  display: block !important;
  margin: 2rem 0 !important;
  text-align: center !important;
}

.digital-intel-dark .di-season-switcher__link,
.digital-intel-light .di-season-switcher__link {
  display: inline-block !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
}

/* Dark theme switcher colors */
.digital-intel-dark .di-season-switcher__link {
  background: #ffd700 !important;
  color: #000 !important;
  border-top: 3px solid #014f86 !important;
}

/* Light theme switcher colors */
.digital-intel-light .di-season-switcher__link {
  background: #005bbb !important;
  color: #fff !important;
  border-top: 3px solid #003f88 !important;
}

/* ============================================================
   HERO & POSTER — SPECIFICITY OVERRIDES
   ============================================================ */

/* HERO SUBTITLE — override Dock blue */
.digital-intel-dark header.di-hero--dark .di-hero__subtitle {
  color: var(--di-text-muted) !important;
}

/* HERO BORDER — restore blue accent bar */
.digital-intel-dark header.di-hero--dark {
  border-bottom: 4px solid #014f86 !important;
}

/* HERO ACCENT BAR (if using .di-accent-bar inside hero) */
.digital-intel-dark header.di-hero--dark .di-accent-bar {
  background-color: #014f86 !important;
}

/* POSTER BUTTONS — override Dock blue */
.digital-intel-dark .di-card__btn {
  background-color: var(--di-accent) !important;
  border-color: var(--di-accent) !important;
  color: #000 !important;
}

.digital-intel-dark .di-card__btn:hover {
  background-color: var(--di-accent-hover) !important;
  border-color: var(--di-accent-hover) !important;
  color: #000 !important;
}

/* ============================================================
   HERO — FINAL SPECIFICITY OVERRIDES
   ============================================================ */

/* HERO BACKGROUND + BORDER */
.digital-intel-dark header.di-hero.di-hero--dark {
  background-color: var(--di-bg) !important;
  border-bottom: 4px solid #014f86 !important;
  color: var(--di-text) !important;
}

/* HERO SUBTITLE */
.digital-intel-dark header.di-hero.di-hero--dark .di-hero__subtitle {
  color: var(--di-text-muted) !important;
}

/* HERO ACCENT BAR (if present) */
.digital-intel-dark header.di-hero.di-hero--dark .di-accent-bar {
  background-color: #014f86 !important;
}

/* HERO SPACING */
.digital-intel-dark header.di-hero.di-hero--dark {
  padding: 3rem 2rem !important;
}

/* ============================================================
   OVERRIDE DOCK ACCENT VARIABLES INSIDE DI THEMES
   ============================================================ */

.digital-intel-dark {
  --accent-strong: var(--di-accent) !important;
  --accent-soft: var(--di-accent-hover) !important;
}

.digital-intel-light {
  --accent-strong: var(--di-accent) !important;
  --accent-soft: var(--di-accent-hover) !important;
}

/* ============================================================
   OVERRIDE DOCK'S DI-DARK VARIABLE REDEFINITIONS
   ============================================================ */

.digital-intel-dark {
  --di-accent: #ffd700 !important; /* gold */
  --di-accent-soft: #bfa200 !important; /* softer gold */
  --di-highlight: #ffffff !important; /* white bloom */
}

/* ============================================================
   FINAL VARIABLE OVERRIDE — PURGE DOCK'S DI-DARK VALUES
   ============================================================ */

.digital-intel-dark {
  /* Core DI-Dark palette */
  --di-bg: #0a0a0a !important;
  --di-bg-alt: #0f0f0f !important;
  --di-surface: #141414 !important;

  --di-text: #ffffff !important;
  --di-text-muted: #8b949e !important;

  --di-border: #333333 !important;
  --di-border-strong: #444444 !important;

  /* Gold accent system */
  --di-accent: #ffd700 !important;
  --di-accent-soft: #bfa200 !important;
  --di-highlight: #ffffff !important;

  /* Force Dock to use DI colors */
  --dock-accent: var(--di-accent) !important;
  --dock-accent-strong: var(--di-accent) !important;
  --dock-highlight: var(--di-highlight) !important;
  --dock-text-muted: var(--di-text-muted) !important;
}

/* ============================================================
   DI-DARK HERO BLUE — RESTORE INTENDED BACKGROUND
   ============================================================ */

.digital-intel-dark {
  --di-hero-bg: #0d2742 !important; /* deep DI-Dark blue */
}

/* Apply hero background */
.digital-intel-dark header.di-hero.di-hero--dark {
  background-color: var(--di-hero-bg) !important;
}

/* ============================================================
   DI-DARK HERO GRADIENT — FINAL RESTORE
   ============================================================ */

.digital-intel-dark header.di-hero.di-hero--dark {
  background: linear-gradient(to bottom right, #0a1a2a, #001a33) !important;
}

/* ============================================================
   DI-DARK NAV TOP BAR — RESTORE GOLD ACCENT
   ============================================================ */

/* ============================================================
   DI-DARK NAV BOTTOM BAR — CORRECT POSITION
   ============================================================ */

.digital-intel-dark .dock-nav::after {
  content: "";
  display: block;
  height: 1.5px;
  width: 100%;
  background-color: var(--di-accent) !important;
  margin-top: 0.5rem;
}

/* ============================================================
   DI-DARK NAV INNER SPACING — RESTORE GEOMETRY
   ============================================================ */

.digital-intel-dark header .dock-nav__inner {
  padding: 1rem 2rem !important;
}

/* ============================================================
   DI-DARK NAV LINK GEOMETRY — RESTORE TIGHT HEIGHT
   ============================================================ */

.digital-intel-dark .dock-nav a {
  padding: 0.15rem 0.65rem !important;
  line-height: 1 !important;
}

/* ============================================================
   DI-DARK FONT RESTORE — SMOOTH SANS-SERIF
   ============================================================ */

.digital-intel-dark,
.digital-intel-dark body,
.digital-intel-dark .dock-nav,
.digital-intel-dark .dock-nav a {
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ============================================================
   DI-DARK NAV MICRO-TIGHTENING + GOLD HOVER RESTORE
   ============================================================ */

.digital-intel-dark .dock-nav a {
  padding: 0.35rem 0.6rem !important; /* next-tightest horizontal */
  line-height: 1 !important;
}

.digital-intel-dark .dock-nav a:hover {
  color: var(--di-accent) !important; /* gold hover */
}

/* ============================================================
   DI-DARK NAV VERTICAL TIGHTENING — TRUE HEIGHT CONTROL
   ============================================================ */

.digital-intel-dark header .dock-nav__inner {
  min-height: auto !important;
  height: auto !important;
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
  align-items: center !important;
}

.digital-intel-dark .dock-nav {
  line-height: 1 !important;
}

/* ============================================================
   DI-DARK NAV BRAND — RESTORE ANTIMATTER WATERMARK + BLOOM
   ============================================================ */

.digital-intel-dark .dock-nav__brand {
  color: rgba(255, 255, 255, 0.25) !important; /* watermark white */
  padding: 0 !important; /* prevent drift from nav link padding */
  line-height: 1 !important;
}

.digital-intel-dark .dock-nav__brand:hover {
  color: #ffffff !important; /* bloom white */
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.65) !important;
}

/* ============================================================
   DI-DARK BRAND — TRUE ANTIMATTER RESTORE
   ============================================================ */

.digital-intel-dark .dock-nav .dock-nav__brand {
  color: rgba(255, 255, 255, 0.25) !important; /* watermark */
  padding: 0 !important;
  line-height: 1 !important;
}

.digital-intel-dark .dock-nav .dock-nav__brand:hover {
  color: #ffffff !important; /* bloom white */
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.65) !important;
}
/* ============================================================
   DI-DARK BRAND — TRUE ANTIMATTER RESTORE
   ============================================================ */

.digital-intel-dark .dock-nav .dock-nav__brand {
  color: rgba(255, 255, 255, 0.25) !important; /* watermark */
  padding: 0 !important;
  line-height: 1 !important;
}

.digital-intel-dark .dock-nav .dock-nav__brand:hover {
  color: #ffffff !important; /* bloom white */
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.65) !important;
}

/* ============================================================
   DI-DARK BRAND — FINAL ANTIMATTER RESTORE
   ============================================================ */

.digital-intel-dark .dock-nav .dock-nav__brand {
  color: rgba(0, 0, 0, 0.35) !important; /* watermark black */
  padding: 0 !important;
  line-height: 1 !important;
}

.digital-intel-dark .dock-nav .dock-nav__brand:hover {
  color: #ffffff !important; /* bloom white */
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.65) !important;
}