/*
 * EVE AI Core — Public Hero: shared black-hero + tight-top layer (BOTH themes)
 * ---------------------------------------------------------------------------
 * Loaded on every public marketing page right after public-light.css. Unlike
 * that sheet (light-mode-only), these rules apply in BOTH themes.
 *
 * Product direction:
 *  1. The hero BACKGROUND is always pure BLACK — never the blue slate
 *     gradient (styles.css #0f1730→#141c33 + blue/purple glows) and never a
 *     navy band. Hero photos are unaffected: every photo hero paints its
 *     image on a child element (.hero-bg) or on ::before (home galaxy),
 *     which sit on top of the black band.
 *  2. The hero text box sits CLOSER to the sticky header — the shared 72px
 *     (and per-page 60–84px) top padding read as dead space.
 */

/* 1. Hero band: always black. Kills the blue gradient/radial bases painted
      on the containers themselves; child .hero-bg photos still cover it. */
.hero,
.il-hero,
.ds-hero,
.appl-hero,
.changelog-hero,
.ct-hero,
.pd-hero {
  background: #000 !important;
  background-color: #000 !important;
}

/* The styles.css aurora glow (::after — blue/purple radial, blur 8px) reads
   as a blue haze on the black band. The home page already hides its own
   ::after, so this is safe to kill globally. The ::before 5%-alpha grid is
   left alone — the home galaxy image is painted there. */
.hero::after {
  display: none !important;
}

/* 2. Tighten the gap between the sticky header and the hero text box.
      Desktop-only: mobile breakpoints already use smaller paddings and must
      not be forced UP by this override. */
@media (min-width: 768px) {
  .hero,
  .il-hero,
  .ds-hero,
  .appl-hero,
  .changelog-hero,
  .ct-hero,
  .pd-hero {
    padding-top: 44px !important;
  }
  /* Photo-hero template (case-study, architecture, procurement, …): the
     glass card's top offset comes from the wrapper's 60px padding. Only
     wrappers that actually host a hero photo band are tightened. */
  .main-content:has(> .hero-bg),
  .ct-wrap:has(> .hero-bg) {
    padding-top: 36px !important;
  }
}

/* 3. Hero breadcrumbs: several pages inline slate ink (light-page design)
      but the hero band is always black - force readable light ink. */
.hero nav[aria-label="Breadcrumb"],
.hero nav[aria-label="Breadcrumb"] a { color: #9fb0c9 !important; }
.hero nav[aria-label="Breadcrumb"] span { color: #cdd6e4 !important; }
.hero nav[aria-label="Breadcrumb"] a:hover { color: #ffffff !important; }