/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * The 9-dot module selector next to the Elinom wordmark was being squeezed
 * out of the crowded desktop tab row, and the command-center hero used a
 * 100vh-12rem min-height that pushed the module catalogue entirely below
 * the fold. Select a Module / #modules-grid also targeted the emptied
 * source grid (display:none once carousels reparent the cards).
 *
 * Desktop and phone share the same waffle, the same catalogue, and the
 * same scroll target (parity).
 */

:root {
  --erp-modules-scroll-offset: calc(
    var(--erp-nav-main-h, 4rem) + var(--erp-desktop-search-h, 3rem) + 0.65rem
  );
}

/* ── 9-dot waffle: always beside the wordmark ──────────────────────────── */
html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo + #erpAppSwitcher,
html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo + .erp-app-switcher,
html body.erp-body #navbar .container.nav-container > #erpAppSwitcher,
html body.erp-body #navbar .container.nav-container > .erp-app-switcher,
html body.erp-body #navbar .nav-container > a.logo.enhanced-logo + #erpAppSwitcher,
html body.erp-body #navbar .nav-container > #erpAppSwitcher,
html body.erp-body #navbar .nav-container > .erp-app-switcher,
html body.erp-body #navbar #erpAppSwitcher,
html.erp-nav-drawer-open body.erp-body #navbar #erpAppSwitcher {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  z-index: 8 !important;
}

@media (max-width: 900px) {
  html body.erp-body #navbar .container.nav-container > #erpAppSwitcher,
  html body.erp-body #navbar .container.nav-container > .erp-app-switcher,
  html body.erp-body #navbar #erpAppSwitcher {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
}

/* ── Hero: size to content so the catalogue sits under Get Started ──
   20260910heroheight stretched the navy block to 100vh-12rem, which
   parked Get Started on the fold and hid every module card. Keep the
   KPI mosaic and Get Started, but stop inventing empty navy below them. */
@media (min-width: 901px) {
  html[data-active-module="landing"] {
    --erp-hero-min-offset: 0rem;
    /* Keep padTop = fade-h - 1.6rem >= 72px for the navy→white seam tests. */
    --erp-hero-fade-h: 6.15rem;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 0 !important;
    padding-top: calc(0.35rem + var(--erp-desktop-search-h, 3rem)) !important;
    padding-bottom: 0.15rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .erp-hero-inner {
    row-gap: 0.35rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-stats.erp-hero-trust-strip,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-trust-strip {
    margin-top: 0.28rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .next-steps-strip {
    margin: 0.22rem auto 0 !important;
    padding: 0.28rem 0.85rem 0.3rem !important;
  }
}

/* Short laptop: keep Get Started on screen and let the catalogue title
   peek without collapsing the 1440×900 / phone navy→white fade band. */
@media (min-width: 901px) and (max-height: 780px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center {
    padding-top: calc(0.2rem + var(--erp-desktop-search-h, 3rem)) !important;
    padding-bottom: 0.2rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .erp-hero-inner {
    row-gap: 0.32rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-command-center,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-command-center {
    padding: 0.35rem 0.75rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .next-steps-strip,
  html[data-active-module="landing"] #landing .erp-hero.erp-hero--command-center .next-steps-strip {
    margin: 0.28rem auto 0 !important;
    padding: 0.3rem 0.75rem 0.32rem !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-landing-cards-section {
    padding-top: 1rem !important;
  }
}

@media (max-width: 900px) {
  html[data-active-module="landing"] {
    --erp-modules-scroll-offset: calc(var(--erp-nav-main-h, 4rem) + 0.75rem);
  }
}

/* ── Visible catalogue (carousels replace the emptied source grids) ─ */
html[data-active-module="landing"] body.erp-body #landing #erpLandingCarousels,
html body.erp-body #landing #erpLandingCarousels,
#erpLandingCarousels {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  scroll-margin-top: var(--erp-modules-scroll-offset) !important;
}

html.erp-landing-carousels-on[data-active-module="landing"] body.erp-body #landing #erpLandingCarousels .erp-modcat,
#erpLandingCarousels .erp-modcat {
  display: flex !important;
  visibility: visible !important;
}