/* Shared cream floating shell; original logo sits directly on the cream. */
body > .site-header.veeays-navigation {
  background:transparent!important;border:0;padding:12px 20px;position:relative;z-index:30;
}
body > .veeays-navigation .header {
  box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:space-between;
  width:100%;max-width:1360px;min-height:76px!important;margin:auto;padding:10px 14px;
  gap:20px;border:1px solid #0f3d2e12;border-radius:999px;background:#f8f6ee;
  box-shadow:0 4px 16px #06291d12;
}
body > .veeays-navigation .veeays-brand {
  box-sizing:border-box;max-width:150px!important;height:48px!important;padding:2px 10px!important;
  background:transparent!important;border-radius:0;flex:0 0 auto;
}
body > .veeays-navigation .veeays-logo-img {height:44px!important;max-width:100%;filter:none;mix-blend-mode:normal}
body > .veeays-navigation .discovery-nav {
  display:flex;gap:3px;justify-content:center;padding:4px;border-radius:999px;
  background:transparent;border:0;margin-inline:auto;
}
body > .veeays-navigation .discovery-nav a {
  min-height:40px;padding:0 12px;border-radius:999px;color:#fffdf3;font-size:12px;line-height:1.25;
  font-family:inherit;font-style:normal;font-weight:600;text-decoration:none;
}
body > .veeays-navigation .discovery-nav a:hover {background:#204d3d;color:#fffdf3}
body > .veeays-navigation .discovery-nav a[aria-current=page] {background:transparent;color:#0f3d2e}
body > .veeays-navigation nav a[aria-current=page]::after {display:none}
body > .veeays-navigation .header-actions {justify-self:end;display:flex;gap:8px;margin:0;flex:0 0 auto}
body > .veeays-navigation .header-actions > a {display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 22px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;color:#fffdf3;background:#0f3d2e;border:1px solid #a7e3c12e}
body > .veeays-navigation .header-actions > a[href='/signup'] {background:#a7e3c1;color:#0f3d2e;border-color:#a7e3c1}
body > .veeays-navigation .header-actions > a[aria-current=page] {outline:2px solid #c9efdc;outline-offset:2px}
body > .veeays-navigation .workspace-nav {display:flex;padding-left:0;border:0;gap:12px}
body > .veeays-navigation .workspace-nav a {color:#0f3d2e;font-size:12px}
body > .veeays-navigation .workspace-nav a[aria-current=page] {color:#0f3d2e;text-decoration:underline;text-underline-offset:6px}
body > .veeays-navigation .member-menu summary {background:#e4f9ec;border-color:#e4f9ec;color:#0f3d2e;min-height:44px}
body > .veeays-navigation .member-name {max-width:84px}
body > .veeays-navigation :is(a,summary):focus-visible {outline:3px solid #267653;outline-offset:3px}
body > .veeays-navigation :is(.member-panel,.mobile-panel) a {color:#0f3d2e}
body > .veeays-navigation :is(.member-panel,.mobile-panel) a:hover {color:#0f3d2e;background:#e4f9ec}
body > .veeays-navigation :is(.member-panel,.mobile-panel) :is(a,summary):focus-visible {outline-color:#0f3d2e}
body > .veeays-navigation .mobile-menu {display:none}
@media(min-width:1151px) and (max-width:1300px) {
  body > .veeays-navigation .header {gap:12px;grid-template-columns:auto minmax(0,1fr) auto}
  body > .veeays-navigation .discovery-nav a {padding-inline:8px;font-size:11px}
  body > .veeays-navigation .veeays-brand {max-width:125px!important}
  body > .veeays-navigation .workspace-nav {gap:8px}
  body > .veeays-navigation .member-name {max-width:60px}
}
@media(max-width:1150px) {
  body > .site-header.veeays-navigation {padding:10px 12px}
  body > .veeays-navigation .header {display:flex;min-height:64px!important;padding:7px 9px;gap:8px}
  body > .veeays-navigation .veeays-brand {height:44px!important;max-width:134px!important;padding:2px 8px!important}
  body > .veeays-navigation .veeays-logo-img {height:40px!important}
  body > .veeays-navigation .discovery-nav,body > .veeays-navigation .header-actions {display:none}
  body > .veeays-navigation .mobile-menu {display:block}
  body > .veeays-navigation .mobile-menu summary {background:#e4f9ec;color:#0f3d2e;border:0;min-height:44px;padding:0 16px;font-size:13px;gap:8px}
  body > .veeays-navigation .mobile-panel {top:calc(100% + 8px);left:0;right:0;border-radius:24px;padding:16px;max-height:calc(100dvh - 108px);overscroll-behavior:contain}
  body > .veeays-navigation .mobile-panel a[aria-current=page] {background:#c9efdc;color:#0f3d2e}
}
@media(max-width:360px) {
  body > .site-header.veeays-navigation {padding-inline:8px}
  body > .veeays-navigation .veeays-brand {max-width:108px!important}
  body > .veeays-navigation .mobile-menu summary {padding-inline:12px}
}

body > .veeays-navigation .nav-pro {font-family:inherit;font-style:normal;font-weight:600}

/* Float over existing illustrated heroes while reserving space for content. */
body:has(:is(.green-room-hero,.pro-premium-hero)) > .site-header.veeays-navigation {
  position:absolute;inset:0 0 auto;background:transparent!important;
}
body:has(.green-room-hero) .green-room-hero {padding-top:100px}
body:has(.pro-premium-hero) .pro-premium-hero {padding-top:100px}
@media(min-width:1101px) {
  body:has(.green-room-hero) .green-room-hero {background-position:center top!important}
  body:has(.green-room-hero) .green-room-grid {min-height:calc(var(--room-height) - 100px)}
}
@media(max-width:1150px) {
  body:has(.green-room-hero) .green-room-hero,
  body:has(.pro-premium-hero) .pro-premium-hero {padding-top:84px}
}
body:has(.green-room-hero) .veeays-navigation :is(a,summary):focus-visible {outline-color:#267653}
body > .veeays-navigation .discovery-nav a:focus-visible {outline-color:#a7e3c1}
body:has(.green-room-hero) > .veeays-navigation .discovery-nav a:focus-visible {outline-color:#a7e3c1}

/* Pro remains gold independently of the current discovery route. */
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro {
 display:flex;align-items:center;justify-content:center;gap:6px;
 background:#FFC83D;color:#0f3d2e;font-weight:800;border-radius:999px;
}
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro:hover {background:#ffd466;color:#0f3d2e}
body > .veeays-navigation a.nav-pro[aria-current=page] {box-shadow:inset 0 0 0 2px #0f3d2e}
body > .veeays-navigation .nav-crown {flex:none}
/* Cream navigation: transparent labels, bright-green active/hover underline. */
body > .veeays-navigation .header {grid-template-columns:auto 1fr auto;gap:16px}
body > .veeays-navigation .discovery-nav {background:transparent;border:0;padding:0;gap:8px}
body > .veeays-navigation :is(.discovery-nav,.workspace-nav,.mobile-panel) :is(a,.nav-label) {position:relative;display:flex;align-items:center;gap:7px;box-sizing:border-box;min-height:44px;padding:0 10px;color:#0f3d2e;background:transparent;border-radius:0;font-family:inherit;font-size:13px;line-height:1.25;font-weight:600;text-decoration:none;white-space:nowrap}
body > .veeays-navigation :is(.discovery-nav,.workspace-nav,.mobile-panel) :is(a,.nav-label)::after {content:'';display:block;position:absolute;bottom:3px;left:10px;right:10px;height:3px;border:0;border-radius:2px;background:#22B07D;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}
body > .veeays-navigation :is(.discovery-nav,.workspace-nav,.mobile-panel) :is(a:hover,a:focus-visible,a[aria-current=page],.nav-label:hover,.nav-label:focus-visible,.nav-label.is-active)::after {display:block;transform:scaleX(1)}
body > .veeays-navigation :is(.discovery-nav,.workspace-nav,.mobile-panel) :is(a:hover,a[aria-current=page],.nav-label.is-active) {background:transparent;color:#0f3d2e;font-weight:600;text-decoration:none}
body > .veeays-navigation .discovery-menu {position:relative}
body > .veeays-navigation .discovery-menu summary {cursor:pointer;list-style:none;user-select:none}
body > .veeays-navigation .discovery-menu summary::-webkit-details-marker {display:none}
body > .veeays-navigation .discovery-panel {position:absolute;top:calc(100% + 8px);left:0;min-width:180px;padding:8px;background:#f8f6ee;border:1px solid #d5dccb;border-radius:16px;box-shadow:0 12px 30px #06291d24;z-index:60}
body > .veeays-navigation .discovery-panel a {width:100%}
body > .veeays-navigation .nav-disclosure[open] > summary .nav-chevron {transform:rotate(225deg);margin-bottom:0}
body > .veeays-navigation .nav-disclosure:not([open]) > summary .nav-chevron {transform:rotate(45deg);margin-bottom:4px}
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro {background:#FFC83D;color:#0f3d2e;border-radius:999px;font-weight:800;padding-inline:14px}
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro:hover {background:#ffd466}
body > .veeays-navigation :is(a,summary):focus-visible {outline:3px solid #267653!important;outline-offset:3px}
@media(min-width:1151px) and (max-width:1300px) {
 body > .veeays-navigation .header {gap:8px}
 body > .veeays-navigation .discovery-nav {gap:0}
 body > .veeays-navigation .discovery-nav :is(a,.nav-label) {padding-inline:8px;font-size:12px}
 body > .veeays-navigation .workspace-nav {gap:0}
 body > .veeays-navigation .veeays-brand {max-width:125px!important}
}
@media(max-width:1150px) {
 body > .veeays-navigation .header {display:flex;gap:8px}
 body > .veeays-navigation .discovery-nav,body > .veeays-navigation .header-actions {display:none}
 body > .veeays-navigation .mobile-panel .discovery-menu {width:100%}
 body > .veeays-navigation .mobile-panel .discovery-panel {position:static;min-width:0;padding:0 0 4px 16px;border:0;border-left:1px solid #d5dccb;border-radius:0;box-shadow:none;background:transparent}
 body > .veeays-navigation .mobile-panel :is(a,.nav-label) {font-size:14px;white-space:normal}
 body > .veeays-navigation .mobile-panel .nav-label {justify-content:space-between}
 body > .veeays-navigation .mobile-panel a.nav-pro {margin-block:8px}
}
@media(prefers-reduced-motion:reduce) {body > .veeays-navigation :is(a,.nav-label)::after {transition:none!important}}
body > .veeays-navigation .mobile-panel :is(a,.nav-label) {width:fit-content;max-width:100%}
body > .veeays-navigation .mobile-panel a.nav-pro {width:auto}

/* Keep cream account-menu links legible over the homepage hero. */
.site-header.veeays-navigation .header-actions .member-panel a,
.site-header.veeays-navigation .header-actions .member-panel a:visited,
.site-header.veeays-navigation .header-actions .member-panel a:hover,
.site-header.veeays-navigation .header-actions .member-panel a:focus-visible { color:#123e30; }
.site-header.veeays-navigation .header-actions .member-panel a.member-logout { color:#75523e; }

/* Pro stays a yellow pill in active and hover states. */
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro,body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro:is(:hover,:focus-visible,[aria-current=page]) {background:#FFC83D;color:#0f3d2e;box-shadow:none;text-decoration:none}
body > .veeays-navigation :is(.discovery-nav,.mobile-panel) a.nav-pro::after {display:none!important}