/* ecomen1 · 20260807-ecomen1 · tip-safe shared eco menu SoT
 * DENY: purple/indigo AI cliché · cream+terracotta · dual chrome with ecobond hub
 */
html[data-vy-ecomen1="20260807-ecomen1"] {
  --ecomen-ink: #0f172a;
  --ecomen-muted: #475569;
  --ecomen-line: #d5e0ec;
  --ecomen-paper: rgba(251, 253, 255, 0.92);
  --ecomen-cobalt: #1d4ed8;
  --ecomen-sky: #38bdf8;
  --ecomen-font: "Onest", "Segoe UI", "Helvetica Neue", sans-serif;
}

/* Dual chrome stay dead — ecomen1 is the ONE shared menu SoT
 * (apex2030c yields ecomen1 via display:revert; we re-kill switcher/hub) */
html[data-vy-ecomen1="20260807-ecomen1"] body > .vy-product-switcher,
html[data-vy-ecomen1="20260807-ecomen1"] .vy-product-switcher,
html[data-vy-ecomen1="20260807-ecomen1"] .vy-ecobond1-hub,
html[data-vy-ecomen1="20260807-ecomen1"] #vy-ecobond1-hub,
html[data-vy-ecomen1="20260807-ecomen1"] .vy-ecobond1-cta,
html[data-vy-ecomen1="20260807-ecomen1"] a[data-vy-ecobond1-cta] {
  display: none !important;
}

/* Win over apex2030 mobile .links{display:none} · coexist apex2030c yield */
html[data-vy-ecomen1="20260807-ecomen1"] .nav .links,
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav],
html[data-vy-ecomen1="20260807-ecomen1"] .vy-ecomen1,
html[data-vy-ecomen1="20260807-ecomen1"] #vy-ecomen1,
html[data-vy-ecomen1="20260807-ecomen1"] .vy-eco-shared-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html[data-vy-ecomen1="20260807-ecomen1"] .nav .links,
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 14px !important;
}

/* Injected bar (apps / hosts without .nav .links) */
.vy-ecomen1 {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid var(--ecomen-line, #d5e0ec);
  background: var(--ecomen-paper, rgba(251, 253, 255, 0.92));
  backdrop-filter: blur(12px) saturate(1.05);
  font-family: var(--ecomen-font);
}

.vy-ecomen1__inner {
  width: min(1180px, calc(100% - 28px));
  margin: 0 auto;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.vy-ecomen1__brand {
  flex: 0 0 auto;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--ecomen-ink, #0f172a);
  text-decoration: none;
  font-size: 14px;
}

.vy-ecomen1__links {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 12px;
  align-items: center;
  min-width: 0;
}

.vy-ecomen1__links a,
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] a,
html[data-vy-ecomen1="20260807-ecomen1"] .nav .links a {
  color: var(--ecomen-muted, #475569) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  padding: 6px 2px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.vy-ecomen1__links a:hover,
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] a:hover,
html[data-vy-ecomen1="20260807-ecomen1"] .nav .links a:hover {
  color: var(--ecomen-ink, #0f172a) !important;
}

.vy-ecomen1__links a.is-current,
.vy-ecomen1__links a[aria-current="page"],
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] a.is-current,
html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] a[aria-current="page"],
html[data-vy-ecomen1="20260807-ecomen1"] .nav .links a[aria-current="page"] {
  color: var(--ecomen-cobalt, #1d4ed8) !important;
  box-shadow: inset 0 -2px 0 var(--ecomen-cobalt, #1d4ed8);
}

html[data-vy-ecomen1="20260807-ecomen1"] [data-vy-ecomen1-nav] a[data-role="company"],
.vy-ecomen1__links a[data-role="company"] {
  color: var(--ecomen-muted, #475569) !important;
  opacity: 0.92;
}

/* Company bond footer only (new-sst.ru) */
html[data-vy-ecomen1-mode="bond"] .vy-ecomen1-bond {
  margin: 12px 0 0;
  font-size: 13.5px;
  color: var(--ecomen-muted, #475569);
  font-family: var(--ecomen-font);
}

html[data-vy-ecomen1-mode="bond"] .vy-ecomen1-bond a {
  color: var(--ecomen-cobalt, #1d4ed8);
  font-weight: 650;
  text-decoration: none;
}

html[data-vy-ecomen1-mode="bond"] .vy-ecomen1-bond a:hover {
  text-decoration: underline;
}

/* App surfaces: keep bar compact; do not fight product chrome */
html[data-vy-ecomen1="20260807-ecomen1"] body[data-page="messenger"] > .vy-ecomen1,
html[data-vy-ecomen1="20260807-ecomen1"] body[data-page="voice"] > .vy-ecomen1,
html[data-vy-ecomen1="20260807-ecomen1"] body[data-page="account"] > .vy-ecomen1 {
  position: relative;
  z-index: 55;
}

@media (max-width: 820px) {
  .vy-ecomen1__links {
    gap: 2px 10px;
  }
  .vy-ecomen1__links a {
    font-size: 12.5px !important;
  }
  /* Apex already hides .links on mobile; injected bar scrolls */
  .vy-ecomen1__inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .vy-ecomen1__links {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}