/* ============================================================
   v86 — PREMIUM BLACK CHROME
   Header strip + ticker strip + footer all forced opaque black
   with white text. Brand mark/wordmark forced to white.
   Nav links unified white (no portal-specific amber/teal/violet).
   ============================================================ */

/* ---------- HEADER STRIP (opaque premium black) ---------- */
html body header.sticky.top-0.z-50,
html body header.sticky.top-9 {
  background: #0a0c0e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ---------- BRAND MARK + WORDMARK → white ---------- */
/* Mark wrapper: kill any chrome-color class tinting (text-teal, text-amber, etc.) */
html body header .dc-mark,
html body header .dc-mark.hub-mark-shine,
html body header .dc-mark.text-teal,
html body header .dc-mark.text-amber,
html body header .dc-mark.text-violet,
html body header svg.dc-mark,
html body footer .dc-mark,
html body footer .dc-mark.hub-mark-shine,
html body footer svg.dc-mark,
html body .market-ticker .dc-mark {
  color: #ffffff !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* SVG mark paths: force fill white regardless of fill="currentColor" or url(#dc-shine). */
html body header .dc-mark path,
html body header svg.dc-mark path,
html body footer .dc-mark path,
html body footer svg.dc-mark path {
  fill: #ffffff !important;
}

/* Wordmark parts — set background-color only (preserve mask-image).
   DO NOT use background shorthand or background-image — those break the mask. */
html body header .dc-wm .dc-wm__part,
html body header .dc-wm .dc-wm__part--dealcap,
html body header .dc-wm .dc-wm__part--verdict,
html body header .dc-wm .dc-wm__part--funding,
html body header .dc-wm .dc-wm__part--partner,
html body footer .dc-wm .dc-wm__part,
html body footer .dc-wm .dc-wm__part--dealcap,
html body footer .dc-wm .dc-wm__part--verdict,
html body footer .dc-wm .dc-wm__part--funding,
html body footer .dc-wm .dc-wm__part--partner {
  background-color: #ffffff !important;
  filter: none !important;
}
/* Sub text (USA, UNDERWRITER) — plain white text, no mask */
html body header .dc-wm .dc-wm__sub,
html body footer .dc-wm .dc-wm__sub {
  color: #ffffff !important;
  filter: none !important;
}
/* Wordmark wrapper — strip any inherited filters.
   Must beat theme-light.css line 405-414 which uses
   html[data-theme="light"] .dc-lockup--nav .dc-wm--* with filter !important. */
html body header .dc-wm,
html body footer .dc-wm,
html[data-theme="light"] body .dc-lockup--nav .dc-wm,
html[data-theme="light"] body .dc-lockup--footer .dc-wm,
html[data-theme="light"] body .dc-lockup .dc-wm--chrome-amber,
html[data-theme="light"] body .dc-lockup .dc-wm--chrome-teal,
html[data-theme="light"] body .dc-lockup .dc-wm--chrome-violet,
html[data-theme="light"] body .dc-lockup .dc-wm--dealcap-usa,
html[data-theme="light"] body .dc-lockup .dc-wm--dealcap-partner,
html[data-theme="light"] body .dc-lockup .dc-wm--verdict-underwriter,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--dealcap-usa,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--dealcap-partner,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--verdict-underwriter,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--chrome-amber,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--chrome-teal,
html[data-theme="light"] body .dc-lockup--nav .dc-wm--chrome-violet {
  filter: none !important;
  color: #ffffff !important;
}

/* Strip the inline grayscale filter on lockup wordmarks so true white renders */
html body header .dc-wm[style],
html body header .dc-wm.dc-wm--chrome-amber,
html body header .dc-wm.dc-wm--chrome-teal,
html body header .dc-wm.dc-wm--chrome-violet,
html body footer .dc-wm[style],
html body footer .dc-wm.dc-wm--chrome-amber,
html body footer .dc-wm.dc-wm--chrome-teal,
html body footer .dc-wm.dc-wm--chrome-violet {
  filter: none !important;
}

/* ---------- NAV LINKS (white, no portal-color variants) ---------- */
/* Use attribute + theme selectors at equal-or-greater specificity than
   theme-light.css's [href="/funding"] etc. */
html body .global-nav-links a,
html body .global-nav-links a[href],
html body .global-nav-links button.global-nav-link-btn,
html body .global-nav-links a.is-active--amber,
html body .global-nav-links a.is-active--teal,
html body .global-nav-links a.is-active--violet,
html body .global-nav-links a.is-active--neutral,
html body .global-nav-links a.global-nav-utility,
html[data-theme="light"] body .global-nav-links a,
html[data-theme="light"] body .global-nav-links a[href],
html[data-theme="light"] body .global-nav-links a[href="/"],
html[data-theme="light"] body .global-nav-links a[href="/funding"],
html[data-theme="light"] body .global-nav-links a[href="/verdict"],
html[data-theme="light"] body .global-nav-links a[href="/partner"],
html[data-theme="light"] body .global-nav-links a[href="/faq"],
html[data-theme="light"] body .global-nav-links a[href="#"],
html[data-theme="light"] body .global-nav-links a.is-active--amber,
html[data-theme="light"] body .global-nav-links a.is-active--teal,
html[data-theme="light"] body .global-nav-links a.is-active--violet,
html[data-theme="light"] body .global-nav-links a.is-active--neutral,
html[data-theme="light"] body .global-nav-links a.global-nav-utility {
  color: #e8eaed !important;
  background: transparent !important;
  border-color: transparent !important;
}
html body .global-nav-links a:hover,
html body .global-nav-links button.global-nav-link-btn:hover,
html body .global-nav-links a.is-active--amber:hover,
html body .global-nav-links a.is-active--teal:hover,
html body .global-nav-links a.is-active--violet:hover,
html body .global-nav-links a.is-active--neutral:hover {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
/* Subtle outline on active page so user still knows where they are */
html body .global-nav-links a.is-active--amber,
html body .global-nav-links a.is-active--teal,
html body .global-nav-links a.is-active--violet,
html body .global-nav-links a.is-active--neutral {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Beat the most-specific theme-light rules that paint active nav portal-colored.
   These need both [data-theme] AND [href] attributes to match styles.css line 14201-14203. */
html[data-theme="light"] body .global-nav-links a[href="/funding"].is-active--amber,
html[data-theme="light"] body .global-nav-links a[href="/partner"].is-active--violet,
html[data-theme="light"] body .global-nav-links a[href="/verdict"].is-active--teal,
html[data-theme="light"] body .global-nav-links a[href="/funding"].is-active--teal,
html[data-theme="light"] body .global-nav-links a[href="/partner"].is-active--amber,
html[data-theme="light"] body .global-nav-links a[href="/verdict"].is-active--violet,
html body .global-nav-links a[href="/funding"].is-active--amber,
html body .global-nav-links a[href="/partner"].is-active--violet,
html body .global-nav-links a[href="/verdict"].is-active--teal,
html body .global-nav-links a[href="/funding"].is-active--teal,
html body .global-nav-links a[href="/partner"].is-active--amber,
html body .global-nav-links a[href="/verdict"].is-active--violet {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Same for mobile nav strip */
html[data-theme="light"] body .global-nav-mobile a[href="/funding"].is-active--amber,
html[data-theme="light"] body .global-nav-mobile a[href="/partner"].is-active--violet,
html[data-theme="light"] body .global-nav-mobile a[href="/verdict"].is-active--teal,
html body .global-nav-mobile a[href="/funding"].is-active--amber,
html body .global-nav-mobile a[href="/partner"].is-active--violet,
html body .global-nav-mobile a[href="/verdict"].is-active--teal {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html body .global-nav-divider {
  color: rgba(255, 255, 255, 0.25) !important;
}

/* Mobile nav row */
html body .global-nav-mobile,
html[data-theme="light"] body .global-nav-mobile {
  background: #0a0c0e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html body .global-nav-mobile a,
html body .global-nav-mobile a[href],
html body .global-nav-mobile a.is-active--amber,
html body .global-nav-mobile a.is-active--teal,
html body .global-nav-mobile a.is-active--violet,
html body .global-nav-mobile a.is-active--neutral,
html body .global-nav-mobile a.global-nav-utility,
html[data-theme="light"] body .global-nav-mobile a,
html[data-theme="light"] body .global-nav-mobile a[href],
html[data-theme="light"] body .global-nav-mobile a[href="/"],
html[data-theme="light"] body .global-nav-mobile a[href="/funding"],
html[data-theme="light"] body .global-nav-mobile a[href="/verdict"],
html[data-theme="light"] body .global-nav-mobile a[href="/partner"],
html[data-theme="light"] body .global-nav-mobile a[href="/faq"],
html[data-theme="light"] body .global-nav-mobile a[href="#"] {
  color: #e8eaed !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* ---------- TICKER STRIP (premium black, fixed at top, header below) ---------- */
/* Stack order from top down:
   1) Ticker at top:0 (z-index 70)
   2) Header at top:43px (z-index 60) — pushed down by ticker height
   3) Mobile nav strip directly under header
   4) Body content offset by ticker+header total */
html body.hub-page .market-ticker,
html body.verdict-page .market-ticker,
html body.partner-page .market-ticker,
html body.funding-page .market-ticker,
html body .market-ticker,
html[data-theme="light"] body .market-ticker {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 70 !important;
  background: #0a0c0e !important;
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: 0 1px 0 0 #0a0c0e !important; /* extend the black 1px to overlap header top edge — eliminates any sub-pixel white bleed between ticker and header */
}
/* Belt-and-suspenders: paint a black bar at top of the html/body so even if the
   ticker/header rounding leaves a sub-pixel gap, the underlying color is black
   not white. */
html[data-theme="light"] body.hub-page::before,
html[data-theme="light"] body.partner-page::before,
html[data-theme="light"] body.funding-page::before,
html[data-theme="light"] body.verdict-page::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 110px;
  background: #0a0c0e;
  z-index: 55; /* below ticker(70) and header(60), above page content */
  pointer-events: none;
}
/* Strip any top/bottom border from the header that would create a visible line
   between the ticker and header (both are pure #0a0c0e so removing borders
   merges them visually). */
html body.hub-page > .border-b.sticky.top-0.z-50,
html body.partner-page > .border-b.sticky.top-0.z-50,
html body.funding-page > .border-b.sticky.top-0.z-50,
html body.verdict-page > .border-b.sticky.top-0.z-50,
html body.hub-page header.sticky.top-9,
html body.partner-page header.sticky.top-9,
html body.funding-page header.sticky.top-9,
html body.verdict-page header.sticky.top-9 {
  border-top: none !important;
  box-shadow: none !important;
}
/* Header pushed down 43px (ticker height) and forced black */
html body.hub-page > .border-b.sticky.top-0.z-50,
html body.partner-page > .border-b.sticky.top-0.z-50,
html body.funding-page > .border-b.sticky.top-0.z-50,
html body.verdict-page > .border-b.sticky.top-0.z-50,
html body.hub-page header.sticky.top-9,
html body.partner-page header.sticky.top-9,
html body.funding-page header.sticky.top-9,
html body.verdict-page header.sticky.top-9 {
  position: fixed !important;
  top: 43px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 60 !important;
}
/* Push the body content down so it doesn't sit under the fixed stack.
   Ticker (43) + header (56 trimmed) = ~100px. Drawer is collapsed by default so
   no extra reservation needed on mobile. */
html body.hub-page main,
html body.funding-page main,
html body.verdict-page main {
  padding-top: 100px !important;
}
html body.partner-page {
  padding-top: 100px !important;
}
@media (max-width: 640px) {
  html body.hub-page main,
  html body.funding-page main,
  html body.verdict-page main {
    padding-top: 100px !important;
  }
  html body.partner-page {
    padding-top: 100px !important;
  }
}
html body .market-ticker__label,
html[data-theme="light"] body .market-ticker__label {
  color: #ffffff !important;
}
html body .market-ticker__dot {
  background: #5eead4 !important;
}
html body .mt-sym,
html[data-theme="light"] body .mt-sym {
  color: #ffffff !important;
}
html body .mt-val,
html[data-theme="light"] body .mt-val {
  color: #c9cdd4 !important;
}
html body .mt-sep {
  color: rgba(255, 255, 255, 0.18) !important;
}
html body .mt-up { color: #5eead4 !important; }
html body .mt-dn { color: #ff7b7b !important; }
html body .mt-flat { color: rgba(255, 255, 255, 0.45) !important; }
html body .mt-stamp .mt-sym { color: rgba(255, 255, 255, 0.55) !important; }
html body .mt-stamp .mt-val { color: rgba(255, 255, 255, 0.75) !important; }

/* ---------- FOOTER (premium black) ---------- */
html body footer.py-14,
html[data-theme="light"] body footer.py-14 {
  background: #0a0c0e !important;
  color: #c9cdd4 !important;
}
html body footer.py-14 .border-t {
  border-color: rgba(255, 255, 255, 0.10) !important;
}
html body footer.py-14 .footer-tagline,
html[data-theme="light"] body footer.py-14 .footer-tagline {
  color: #d6d9de !important;
  opacity: 1 !important;
}
html body footer.py-14 .footer-mail,
html[data-theme="light"] body footer.py-14 .footer-mail {
  color: #ffffff !important;
  opacity: 1 !important;
}
html body footer.py-14 .text-ink-400,
html body footer.py-14 .text-ink-400 *,
html body footer.py-14 .footer-legal__sep,
html[data-theme="light"] body footer.py-14 .text-ink-400,
html[data-theme="light"] body footer.py-14 .text-ink-400 *,
html[data-theme="light"] body footer.py-14 .footer-legal__sep {
  color: #9aa1ae !important;
  opacity: 1 !important;
}
html body footer.py-14 .footer-legal__line,
html[data-theme="light"] body footer.py-14 .footer-legal__line {
  color: #a8aeb8 !important;
  opacity: 1 !important;
}
html body footer.py-14 .footer-legal__links a,
html body footer.py-14 a {
  color: #e8eaed !important;
}
/* Email is special — keep it pure white for hierarchy. Placed last so it wins. */
html body footer.py-14 a.footer-mail,
html[data-theme="light"] body footer.py-14 a.footer-mail {
  color: #ffffff !important;
  opacity: 1 !important;
}
html body footer.py-14 .footer-legal__links a:hover,
html body footer.py-14 a:hover {
  color: #ffffff !important;
}

/* ---------- VERDICT footer override (beats body.verdict-page footer.v-footer-light) ---------- */
html[data-theme="light"] body.verdict-page footer.v-footer-light,
html body.verdict-page footer.v-footer-light {
  background: #0a0c0e !important;
  color: #c9cdd4 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .border-t {
  border-color: rgba(255, 255, 255, 0.10) !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--chrome-amber,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--dealcap-usa,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm {
  filter: none !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--chrome-amber .dc-wm__part,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--dealcap-usa .dc-wm__part,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm .dc-wm__part {
  background-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--chrome-amber .dc-wm__sub,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm--dealcap-usa .dc-wm__sub,
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-wm .dc-wm__sub {
  background-color: #d4a64a !important;
  opacity: 0.85 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light svg.dc-mark,
html[data-theme="light"] body.verdict-page footer.v-footer-light svg.dc-mark path {
  fill: #ffffff !important;
  color: #ffffff !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-tagline {
  color: #d6d9de !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-legal__line {
  color: #a8aeb8 !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-legal__links a,
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-legal__links span {
  color: #e8eaed !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-legal__links a:hover {
  color: #ffffff !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light a.footer-mail,
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-mail {
  color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .text-ink-400,
html[data-theme="light"] body.verdict-page footer.v-footer-light .text-ink-400 *,
html[data-theme="light"] body.verdict-page footer.v-footer-light .footer-legal__sep {
  color: #9aa1ae !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.verdict-page footer.v-footer-light .dc-telemetry,
html[data-theme="light"] body.verdict-page footer.v-footer-light #dc-telemetry-readout {
  color: #9aa1ae !important;
  opacity: 1 !important;
}

/* v110 — hide market ticker site-wide + collapse the space it reserved */
html body.hub-page .market-ticker,
html body.verdict-page .market-ticker,
html body.partner-page .market-ticker,
html body.funding-page .market-ticker,
html body .market-ticker,
html[data-theme="light"] body.hub-page .market-ticker,
html[data-theme="light"] body.verdict-page .market-ticker,
html[data-theme="light"] body.partner-page .market-ticker,
html[data-theme="light"] body.funding-page .market-ticker,
html[data-theme="light"] body .market-ticker { display: none !important; }
/* remove the black safety bar behind the ticker */
html[data-theme="light"] body.hub-page::before,
html[data-theme="light"] body.partner-page::before,
html[data-theme="light"] body.funding-page::before,
html[data-theme="light"] body.verdict-page::before { display: none !important; }
/* pull the header up to the top of the viewport */
html body.hub-page > .border-b.sticky.top-0.z-50,
html body.partner-page > .border-b.sticky.top-0.z-50,
html body.funding-page > .border-b.sticky.top-0.z-50,
html body.verdict-page > .border-b.sticky.top-0.z-50,
html body.hub-page header.sticky.top-9,
html body.partner-page header.sticky.top-9,
html body.funding-page header.sticky.top-9,
html body.verdict-page header.sticky.top-9 { top: 0 !important; }
/* reclaim the 43px reserved for ticker (100 - 43 = 57) */
html body.hub-page main,
html body.funding-page main,
html body.verdict-page main { padding-top: 57px !important; }
html body.partner-page { padding-top: 57px !important; }
@media (max-width: 640px) {
  html body.hub-page main,
  html body.funding-page main,
  html body.verdict-page main { padding-top: 57px !important; }
  html body.partner-page { padding-top: 57px !important; }
}