/**
 * Top navigation links — shared across app pages.
 * Load after page inline styles so these rules win.
 */

nav .nav-links a:not(.btn-signin),
.nav-links a:not(.btn-signin),
a.nav-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary, #ffffff);
  opacity: 1;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: color 0.2s ease;
}

nav .nav-links a:not(.btn-signin):hover,
.nav-links a:not(.btn-signin):hover,
a.nav-link:hover {
  color: #5BA4CF;
}

nav .nav-links a:not(.btn-signin).active,
.nav-links a:not(.btn-signin).active,
a.nav-link.active {
  color: #5BA4CF;
  font-weight: 600;
}

/* App dark theme (no data-theme or explicit dark) — high contrast */
html:not([data-theme="pro"]) nav .nav-links a:not(.btn-signin),
html:not([data-theme="pro"]) .nav-links a:not(.btn-signin),
html:not([data-theme="pro"]) a.nav-link {
  color: rgba(255, 255, 255, 0.9);
}

html:not([data-theme="pro"]) nav .nav-links a:not(.btn-signin):hover,
html:not([data-theme="pro"]) .nav-links a:not(.btn-signin):hover,
html:not([data-theme="pro"]) a.nav-link:hover {
  color: #5BA4CF;
}

html:not([data-theme="pro"]) nav .nav-links a:not(.btn-signin).active,
html:not([data-theme="pro"]) .nav-links a:not(.btn-signin).active,
html:not([data-theme="pro"]) a.nav-link.active {
  color: #5BA4CF;
  font-weight: 600;
}

html[data-theme="pro"] nav .nav-links a:not(.btn-signin),
html[data-theme="pro"] .nav-links a:not(.btn-signin),
html[data-theme="pro"] a.nav-link {
  color: var(--text-primary, #152022);
}

html[data-theme="pro"] nav .nav-links a:not(.btn-signin):hover,
html[data-theme="pro"] .nav-links a:not(.btn-signin):hover,
html[data-theme="pro"] a.nav-link:hover {
  color: #5BA4CF;
}

html[data-theme="pro"] nav .nav-links a:not(.btn-signin).active,
html[data-theme="pro"] .nav-links a:not(.btn-signin).active,
html[data-theme="pro"] a.nav-link.active {
  color: #5BA4CF;
  font-weight: 600;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="pro"]) .nav-links a:not(.btn-signin),
  html:not([data-theme="pro"]) nav .nav-links a:not(.btn-signin) {
    color: rgba(255, 255, 255, 0.9);
  }

  html:not([data-theme="pro"]) .nav-links a:not(.btn-signin).active,
  html:not([data-theme="pro"]) nav .nav-links a:not(.btn-signin).active {
    color: #5BA4CF;
  }
}

/* Stock page nav (same file order: this sheet after stock-page.css) */
.nf-stock .nav-links a:not(.btn-signin) {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Mobile hamburger menu: inline pages use !important — match new palette */
body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin) {
  color: rgba(255, 255, 255, 0.95) !important;
}

body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin):hover,
body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin).active {
  color: #5BA4CF !important;
  font-weight: 600 !important;
}

html[data-theme="pro"] body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin) {
  color: var(--text-primary, #152022) !important;
}

html[data-theme="pro"] body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin):hover,
html[data-theme="pro"] body.nf-app nav:not(.nf-bottom-nav).nav-open .nav-links a:not(.btn-signin).active {
  color: #5BA4CF !important;
}

html[data-theme="default"] nav .nav-links a:not(.btn-signin),
html[data-theme="default"] .nav-links a:not(.btn-signin),
html[data-theme="default"] a.nav-link {
  color: var(--text-primary, #1a1a1a);
}

html[data-theme="default"] nav .nav-links a:not(.btn-signin):hover,
html[data-theme="default"] .nav-links a:not(.btn-signin):hover,
html[data-theme="default"] a.nav-link:hover {
  color: #5ba4cf;
}

html[data-theme="default"] nav .nav-links a:not(.btn-signin).active,
html[data-theme="default"] .nav-links a:not(.btn-signin).active,
html[data-theme="default"] a.nav-link.active {
  color: #5ba4cf;
  font-weight: 600;
}

/*
 * Profile drawer trigger sits beside the expandable search.
 * `.nf-nav-search` uses z-index: 99999 in newsfolio-global-search.css — the avatar MUST stack above it
 * or mobile taps hit the search control instead (dead profile button).
 */
.nav-search-profile .profile-avatar-btn {
  position: relative;
  z-index: 100000;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}