/* GFunnel - the PUBLIC header (template/_page_toolbar_public.html).
   What a signed-out visitor sees on every platform page: brand, search, Sign In,
   Create A Workspace. Same palette and type as the homepage nav (gfHomeNav() in
   inc/gf_home_blocks.inc.php) without its audience menus. Always light, like the
   member chrome (gf_header.css). */
#bx-toolbar.gf-pub {
    --gf-pub-ink: #11132a;
    --gf-pub-slate: #475569;
    --gf-pub-line: #e8ebf1;
    --gf-pub-tint: #f5f7fa;
    --gf-pub-bg: #ffffff;
    --gf-pub-accent: #F97316;
    --gf-pub-accent-hover: #EA6407;
    top: 0;
    width: 100%;
    height: 64px;
    z-index: 5000;
    background: var(--gf-pub-bg);
    border-bottom: 1px solid var(--gf-pub-line);
    color: var(--gf-pub-ink);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transform: none !important;
}
#bx-toolbar.gf-pub.gf-fixed { position: fixed; left: 0; right: 0; }
#bx-toolbar.gf-pub.gf-flow { position: sticky; position: -webkit-sticky; }
#bx-toolbar.gf-pub *, #bx-toolbar.gf-pub *::before, #bx-toolbar.gf-pub *::after { box-sizing: border-box; }

.gf-pub-in {
    display: flex; align-items: center; gap: 20px;
    height: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px;
}
.gf-pub-brand { display: inline-flex; align-items: center; gap: 10px; flex: none; text-decoration: none; color: var(--gf-pub-ink); }
.gf-pub-logo { width: 30px; height: 30px; display: block; }
.gf-pub-name { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }

.gf-pub-search {
    flex: 1 1 auto; max-width: 560px; margin: 0 auto;
    display: flex; align-items: center; gap: 10px;
    height: 40px; padding: 0 12px;
    border: 1px solid var(--gf-pub-line); border-radius: 999px;
    background: var(--gf-pub-tint); color: var(--gf-pub-slate);
}
.gf-pub-search:focus-within { border-color: var(--gf-pub-accent); background: var(--gf-pub-bg); }
.gf-pub-search input {
    flex: 1 1 auto; min-width: 0; height: 100%;
    border: 0; outline: 0; background: transparent; box-shadow: none;
    font: inherit; font-size: 14px; color: var(--gf-pub-ink); padding: 0;
}
.gf-pub-kbd {
    flex: none; font: 600 11px/1 inherit; padding: 4px 6px; border-radius: 6px;
    border: 1px solid var(--gf-pub-line); background: var(--gf-pub-bg); color: var(--gf-pub-slate);
}

.gf-pub-right { display: flex; align-items: center; gap: 14px; flex: none; margin-left: auto; }
.gf-pub-signin { font-size: 14px; font-weight: 700; color: var(--gf-pub-ink); text-decoration: none; }
.gf-pub-signin:hover { color: var(--gf-pub-accent-hover); }
.gf-pub-cta {
    display: inline-flex; align-items: center; gap: 6px;
    height: 38px; padding: 0 16px; border-radius: 999px;
    background: var(--gf-pub-accent); color: var(--gf-pub-bg);
    font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.gf-pub-cta:hover { background: var(--gf-pub-accent-hover); color: var(--gf-pub-bg); }
.gf-pub-search-mobile { display: none; color: var(--gf-pub-ink); }

@media (max-width: 900px) { .gf-pub-kbd { display: none; } }
@media (max-width: 720px) {
    .gf-pub-in { padding: 0 16px; gap: 12px; }
    .gf-pub-search { display: none; }
    .gf-pub-search-mobile { display: inline-flex; }
}
@media (max-width: 420px) {
    .gf-pub-name { display: none; }
    .gf-pub-cta { padding: 0 12px; }
}