/* EVE — Header / navigation. Spec: §5. */

/* Nav pill: h48, #111111, r40, GLASS, pad 2, gap 2. */
.eve-nav {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 48px;
  padding: 2px;
  border-radius: var(--eve-radius-3xl);
  background: var(--eve-color-gray-975);
  backdrop-filter: blur(20px) saturate(1.4); /* [system] approx of Figma GLASS, spec §global */
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
}

/* Item: h44, r24, pad 10/16, gap 8, Inter 16/500 lh24, white; active: white fill, #111 text. */
.eve-nav__item {
  display: inline-flex;
  align-items: center;
  gap: var(--eve-space-2);
  height: 44px;
  padding: 10px var(--eve-space-4);
  border-radius: var(--eve-radius-xl);
  font-family: var(--eve-font-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--eve-color-white);
  white-space: nowrap;
  transition: background-color var(--eve-duration-fast) var(--eve-ease-out),
              color var(--eve-duration-fast) var(--eve-ease-out);
}
.eve-nav__item > svg { width: 24px; height: 24px; }
.eve-nav__item:hover { background: rgba(255, 255, 255, 0.12); } /* [system] */
.eve-nav__item[data-active] { background: var(--eve-color-white); color: var(--eve-color-gray-975); }

/* Phone item: gap 12, icon 20x20. */
.eve-nav__item--phone { gap: var(--eve-space-3); }
.eve-nav__item--phone > svg { width: 20px; height: 20px; }

/* Header bar layout helper [system]: logo left, centered nav, on dark hero. */
.eve-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--eve-space-6);
  padding: var(--eve-space-8) var(--eve-layout-pageMargin);
}
.eve-header__logo { width: 151px; height: 40px; flex: none; color: var(--eve-color-white); }
.eve-header__nav { position: absolute; left: 50%; transform: translateX(-50%); }
.eve-header { position: relative; }

/* Breadcrumbs: gap 16, Inter 20/500 lh32; current page white 50%.
   Figma uses invisible "/" spacers — render real structure with aria, gap carries spacing. */
.eve-breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--eve-space-4);
  font-family: var(--eve-font-base);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: var(--eve-color-white);
}
.eve-breadcrumbs [aria-current] { color: rgba(255, 255, 255, 0.5); }