/**
 * site-header-modes.css
 * Context-gated navigation for Discovery, Conversion, and Workspace flows.
 *
 * Applied via data-nav-context="discovery|conversion|workspace" on body/header
 * and tokenized data-nav-contexts attributes on navigation elements.
 */

.site-header [data-nav-contexts] {
  transition: opacity 0.2s ease;
}

[data-nav-context="discovery"] .site-header [data-nav-contexts]:not([data-nav-contexts~="discovery"]) {
  display: none !important;
}

[data-nav-context="conversion"] .site-header [data-nav-contexts]:not([data-nav-contexts~="conversion"]) {
  display: none !important;
}

[data-nav-context="workspace"] .site-header [data-nav-contexts]:not([data-nav-contexts~="workspace"]) {
  display: none !important;
}

/* ── Workspace: site-header hidden; app-bar is the sole nav ── */

/* On workspace/app pages, the public site-header is completely hidden.
   The app-bar takes over as the sole navigation bar.
   This eliminates the "ugly blue/green nav with old logo" problem
   and gives authenticated pages a clean, professional app experience. */
[data-nav-context="workspace"] .site-header {
  display: none !important;
}

/* App-bar moves to top:0 since site-header is gone */
[data-nav-context="workspace"] .app-bar {
  top: 0;
}

/* ── Discovery & Conversion: standard sticky header behavior ── */