/* Conversions Bridge Nav Bar — all styles scoped under #cb-navbar so they
   never collide with your theme. */
#cb-navbar{
  --cbnb-ink:#0A1A28;--cbnb-deep:#102C42;--cbnb-mist:#EEF3F7;--cbnb-line:#D8E2EA;
  --cbnb-muted:#5C7286;--cbnb-signal:#FF5C38;--cbnb-signal-dark:#E04826;--cbnb-span:#13A8A0;
  --cbnb-display:'Sora',sans-serif;--cbnb-body:'Inter',sans-serif;--cbnb-mono:'Space Mono',monospace;
  --cbnb-maxw:1240px;
  font-family:var(--cbnb-body);color:var(--cbnb-ink);position:relative;
}
#cb-navbar *{box-sizing:border-box}
#cb-navbar a{color:inherit;text-decoration:none}
#cb-navbar ul{list-style:none;margin:0;padding:0}

/* optional top bar */
#cb-navbar .cbnb-top{background:var(--cbnb-ink);color:#9FB5C6;font-size:12.5px}
#cb-navbar .cbnb-top .cbnb-tinner{max-width:var(--cbnb-maxw);margin:0 auto;padding:0 24px;height:36px;display:flex;align-items:center;justify-content:space-between}
#cb-navbar .cbnb-top a:hover{color:#fff}
#cb-navbar .cbnb-top .r a{margin-left:18px}

/* bar */
#cb-navbar .cbnb-bar{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--cbnb-line)}
#cb-navbar .cbnb-inner{max-width:var(--cbnb-maxw);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:20px;height:70px}
#cb-navbar .cbnb-logo{display:flex;align-items:center;gap:10px;font-family:var(--cbnb-display);font-weight:800;font-size:19px;letter-spacing:-.02em;flex:0 0 auto}
#cb-navbar .cbnb-logo b{color:var(--cbnb-signal)}
#cb-navbar .cbnb-logo img{max-height:40px;width:auto}

#cb-navbar .cbnb-menuwrap{flex:1;display:flex;align-items:center;gap:18px}
#cb-navbar .cbnb-menu{display:flex;gap:2px}
#cb-navbar .cbnb-item{position:relative}
#cb-navbar .cbnb-link{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:9px;font-family:var(--cbnb-display);font-weight:500;font-size:14.5px;color:var(--cbnb-deep);transition:.15s;cursor:pointer}
#cb-navbar .cbnb-item:hover>.cbnb-link,#cb-navbar .cbnb-item:focus-within>.cbnb-link,#cb-navbar .cbnb-item.open>.cbnb-link{background:var(--cbnb-mist);color:var(--cbnb-ink)}
#cb-navbar .cbnb-caret{width:8px;height:8px;border-right:2px solid var(--cbnb-muted);border-bottom:2px solid var(--cbnb-muted);transform:rotate(45deg);margin-top:-3px;transition:transform .2s,border-color .2s}
#cb-navbar .cbnb-item:hover .cbnb-caret,#cb-navbar .cbnb-item:focus-within .cbnb-caret,#cb-navbar .cbnb-item.open .cbnb-caret{transform:rotate(225deg);margin-top:2px;border-color:var(--cbnb-signal)}
#cb-navbar .cbnb-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}

/* dropdown */
#cb-navbar .cbnb-drop{position:absolute;top:100%;left:0;min-width:248px;background:#fff;border:1px solid var(--cbnb-line);border-radius:12px;box-shadow:0 22px 44px -22px rgba(10,26,40,.32);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s,transform .16s,visibility .16s;z-index:1001}
#cb-navbar .cbnb-item:hover>.cbnb-drop,#cb-navbar .cbnb-item:focus-within>.cbnb-drop,#cb-navbar .cbnb-item.open>.cbnb-drop{opacity:1;visibility:visible;transform:translateY(0)}
#cb-navbar .cbnb-sub>a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--cbnb-slate,#22425C);transition:.12s}
#cb-navbar .cbnb-sub>a:hover{background:var(--cbnb-mist);color:var(--cbnb-signal)}

/* CTAs */
#cb-navbar .cbnb-cta{margin-left:auto;display:flex;gap:10px}
#cb-navbar .cbnb-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--cbnb-display);font-weight:600;font-size:14px;border-radius:10px;padding:11px 18px;border:0;white-space:nowrap;cursor:pointer;transition:.15s}
#cb-navbar .cbnb-ghost{background:#fff;color:var(--cbnb-deep);border:1.5px solid var(--cbnb-line)}
#cb-navbar .cbnb-ghost:hover{border-color:var(--cbnb-deep)}
#cb-navbar .cbnb-call{background:var(--cbnb-signal);color:#fff}
#cb-navbar .cbnb-call:hover{background:var(--cbnb-signal-dark)}

/* hamburger */
#cb-navbar .cbnb-burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px}
#cb-navbar .cbnb-burger span{display:block;width:24px;height:2px;background:var(--cbnb-ink);margin:5px 0;transition:.2s}

#cb-navbar *:focus-visible{outline:2px solid var(--cbnb-signal);outline-offset:2px}

/* ---------------- mobile ---------------- */
@media(max-width:900px){
  #cb-navbar .cbnb-burger{display:block}
  #cb-navbar .cbnb-link .cbnb-caret{display:none}
  #cb-navbar .cbnb-menuwrap{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--cbnb-line);box-shadow:0 24px 40px -24px rgba(10,26,40,.3);flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 20px;display:none}
  #cb-navbar.cbnb-open .cbnb-menuwrap{display:flex}
  #cb-navbar .cbnb-menu{flex-direction:column;gap:0;width:100%}
  #cb-navbar .cbnb-item{border-bottom:1px solid var(--cbnb-mist);display:flex;flex-wrap:wrap;align-items:center}
  #cb-navbar .cbnb-link{flex:1;padding:14px 6px;font-size:16px}
  #cb-navbar .cbnb-toggle{display:block}
  #cb-navbar .cbnb-toggle .cbnb-caret{width:10px;height:10px}
  #cb-navbar .cbnb-drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 10px 10px;width:100%;display:none;min-width:0}
  #cb-navbar .cbnb-item.open>.cbnb-drop{display:block}
  #cb-navbar .cbnb-cta{margin-left:0;margin-top:14px;flex-direction:column;width:100%}
  #cb-navbar .cbnb-btn{justify-content:center}
}
@media(prefers-reduced-motion:reduce){#cb-navbar *{transition:none!important}}
