/* Numerish eInvoice360 Enterprise AI R11.
   Seamless integration-chip -> product-navigation transition.
   Strictly scoped; does not affect global menus, PricingHub or other products. */

/* Eliminate the oversized empty area beneath the connected-services row. */
#einv360-product #overview.hero {
  padding-bottom: clamp(21px, 2.25vw, 31px);
}

/* Compact, balanced connected platforms. The group remains six-across on desktop. */
#einv360-product #overview .hero-grid > .hero-proof.einv360-integration-row {
  margin-top: clamp(5px, .75vw, 11px);
  gap: clamp(7px, .82vw, 11px);
}
#einv360-product #overview .hero-grid > .hero-proof.einv360-integration-row > span {
  min-height: 43px;
  padding: 8px clamp(6px, .8vw, 12px);
  border-radius: 13px;
  border-color: #dce5f1;
  background: rgba(255,255,255,.96);
  color: #253751;
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 775;
  letter-spacing: -.012em;
  box-shadow: 0 3px 11px rgba(24,44,71,.035);
}

/* A single, premium product-navigation surface directly below the hero. */
#einv360-product .subnav.einv360-afterhero-nav {
  background: linear-gradient(105deg,rgba(249,251,254,.985) 0%,rgba(255,250,253,.985) 100%);
  border-top: 1px solid #e0e8f1;
  border-bottom: 1px solid #e1e8f1;
  box-shadow: 0 5px 18px rgba(17,37,66,.072);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* Subtle Numerish accent line—not a large decorative banner. */
#einv360-product .subnav.einv360-afterhero-nav::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(169,0,73,.04),rgba(180,0,79,.46) 45%,rgba(180,0,79,.04));
}

/* Reduce excessive nav vertical space and align label / links consistently. */
#einv360-product .einv360-afterhero-nav .einv-nav-shell {
  min-height: 66px;
  padding-block: 7px;
  gap: clamp(11px, 1.5vw, 19px);
}
#einv360-product .einv360-afterhero-nav .einv-nav-caption {
  font-size: 10px;
  letter-spacing: .105em;
  color: #70324c;
  padding-right: clamp(12px, 1.1vw, 17px);
}
#einv360-product .einv360-afterhero-nav .einv-nav-caption::before {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #ffe5ef;
}
#einv360-product .einv360-afterhero-nav nav.einv-nav-links {
  gap: 6px;
  padding: 2px;
}
#einv360-product .einv360-afterhero-nav nav.einv-nav-links > a {
  min-height: 42px;
  padding: 9px clamp(9px, .83vw, 14px);
  border-radius: 11px;
  font-size: clamp(12px, .94vw, 14px);
  color: #344660;
  font-weight: 750;
  transition: color .16s ease,border-color .16s ease,background .16s ease;
}
#einv360-product .einv360-afterhero-nav nav.einv-nav-links > a:hover {
  background: #fff0f6;
  border-color: #f0d1df;
  color: #8d003c;
}
#einv360-product .einv360-afterhero-nav nav.einv-nav-links > a[aria-current="location"] {
  background: #fff1f7;
  color: #860038;
  border-color: #edc5d7;
  box-shadow: 0 2px 7px rgba(129,0,56,.045);
  font-weight: 850;
}
#einv360-product .einv360-afterhero-nav nav.einv-nav-links > a[aria-current="location"]::after {
  bottom: 3px;
  height: 2px;
  width: min(24px,49%);
  background: #ac0049;
}

/* Desktop: all seven section tabs use equal, predictable widths. */
@media (min-width: 1081px) {
  #einv360-product .einv360-afterhero-nav nav.einv-nav-links {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    justify-content: stretch;
    gap: 6px;
  }
  #einv360-product .einv360-afterhero-nav nav.einv-nav-links > a {
    min-width: 0;
    width: 100%;
  }
}

/* Tablet: no text collisions; preserve the existing accessible scroll controls. */
@media (min-width: 651px) and (max-width: 1080px) {
  #einv360-product .einv360-afterhero-nav .einv-nav-shell {
    min-height: 63px;
    padding-block: 6px;
  }
  #einv360-product .einv360-afterhero-nav nav.einv-nav-links > a {
    min-height: 42px;
  }
  #einv360-product #overview.hero {
    padding-bottom: 24px;
  }
}

/* Mobile: shorter hero-to-nav seam and 44px navigation tap targets. */
@media (max-width: 650px) {
  #einv360-product #overview.hero {
    padding-bottom: 22px;
  }
  #einv360-product .einv360-afterhero-nav .einv-nav-shell {
    min-height: 59px;
    padding-block: 6px;
    gap: 7px;
  }
  #einv360-product .einv360-afterhero-nav nav.einv-nav-links > a {
    min-height: 44px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 12px;
  }
  #einv360-product .einv360-afterhero-nav .einv-nav-arrow {
    width: 30px;
    min-height: 40px;
    height: 40px;
    border-radius: 10px;
  }
  #einv360-product #overview .hero-grid > .hero-proof.einv360-integration-row > span {
    min-height: 41px;
    font-size: 11px;
    border-radius: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #einv360-product .einv360-afterhero-nav nav.einv-nav-links > a {
    transition: none;
  }
}