/* Shared BotHost identity only; existing layouts and business flows are unchanged. */
.bothost-brand-mark{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0;aspect-ratio:1;filter:none;transform:none}
.logo-icon:has(>.bothost-brand-mark),.ai-brand-mark:has(>.bothost-brand-mark){background:transparent;box-shadow:none;padding:0;filter:none;transform:none}
.logo-icon:has(>.bothost-brand-mark)::before,.logo-icon:has(>.bothost-brand-mark)::after{display:none}
.sidebar-logo>.bothost-brand-mark,.mobile-header-logo>.bothost-brand-mark,.mobile-admin-logo>.bothost-brand-mark{border-radius:0;background:transparent;box-shadow:none}
/** Uses the existing BH silhouette and inherits the button's contrast in either appearance. */
.bh-dashboard-mark{display:inline-block;width:18px;height:18px;flex:0 0 18px;align-self:center;background-color:currentColor;-webkit-mask:url('/assets/images/bothost-ai-mark-web-88.png') center/18px 18px no-repeat;mask:url('/assets/images/bothost-ai-mark-web-88.png') center/18px 18px no-repeat}

/** Liquid-glass variant, scoped to the existing public navigation. */
body.bh-glass #header {
    top: 12px;
    width: calc(100% - 48px);
    max-width: 1200px;
    height: 64px;
    margin: 12px auto 0;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 23px;
    background: rgba(247,248,251,.94);
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(255,255,255,.52), 0 2px 3px rgba(15,23,42,.04), 0 12px 30px -15px rgba(28,35,53,.3), 0 0 0 1px rgba(35,42,59,.055);
    isolation: isolate;
}
body.bh-glass #header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255,255,255,.48), rgba(255,255,255,.05) 36%, rgba(255,255,255,.28) 67%, rgba(255,255,255,.12));
    pointer-events: none;
    z-index: -1;
}
body.bh-glass #header > .container { width: 100%; max-width: none; padding: 0 18px; gap: 26px; }
body.bh-glass #header .nav-link { color: #383842; border-radius: 12px; }
body.bh-glass #header .nav-link:hover { background: rgba(255,255,255,.62); }
body.bh-glass #header :is(.lang-btn,.mobile-toggle) { border-color: rgba(255,255,255,.9); background: rgba(255,255,255,.34); box-shadow: 0 0 0 1px rgba(26,31,43,.04), inset 0 1px 0 rgba(255,255,255,.8); border-radius: 12px; }
body.bh-glass #header .btn-primary { color: #fff; background: linear-gradient(175deg,#35353b,#101013 72%); border: 1px solid rgba(0,0,0,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 2px 5px rgba(0,0,0,.12); }
body.bh-glass #header .btn-primary:hover { opacity: 1; background: #26262c; }
body.bh-glass #header :is(.dropdown-menu,.lang-dropdown),body.bh-glass #mobileMenu {
    border: 1px solid rgba(255,255,255,.92);
    background: rgba(250,251,253,.97);
    box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(35,42,59,.05), 0 14px 40px -14px rgba(24,31,50,.25);
    border-radius: 18px;
}
body.bh-glass #header .dropdown-menu { top: calc(100% + 20px); }
body.bh-glass #header .dropdown-menu::before { content: ""; position: absolute; top: -22px; left: 0; width: 100%; height: 22px; }
body.bh-glass #header .has-dropdown:focus-within .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
body.bh-glass #header .lang-dropdown { top: calc(100% + 20px); }
body.bh-glass #header .dropdown-item:hover,body.bh-glass #header .lang-option:hover { background: rgba(255,255,255,.85); }
body.bh-glass #header :is(a,button):focus-visible,body.bh-glass #mobileMenu a:focus-visible { outline: 2px solid #5865f2; outline-offset: 3px; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.bh-glass #header { background: rgba(244,246,250,.52); -webkit-backdrop-filter: blur(22px) saturate(150%); backdrop-filter: blur(22px) saturate(150%); }
    body.bh-glass #header :is(.dropdown-menu,.lang-dropdown),body.bh-glass #mobileMenu { background: rgba(249,250,253,.86); -webkit-backdrop-filter: blur(26px) saturate(135%); backdrop-filter: blur(26px) saturate(135%); }
}
@media (max-width: 900px) {
    body.bh-glass #header { top: 8px; width: calc(100% - 16px); height: 60px; margin-top: 8px; border-radius: 19px; }
    body.bh-glass #header > .container { padding: 0 14px; gap: 12px; }
    body.bh-glass #header .nav-actions { margin-left: auto; }
    body.bh-glass #header .mobile-toggle { margin-left: 0; }
    body.bh-glass #mobileMenu { inset: 78px 8px auto; max-height: calc(100dvh - 96px); }
    body.bh-glass #mobileMenu .mobile-menu-content { padding: 20px; gap: 20px; }
}
@media (prefers-reduced-transparency: reduce) {
    body.bh-glass #header,body.bh-glass #header :is(.dropdown-menu,.lang-dropdown),body.bh-glass #mobileMenu { background: #f7f8fb; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.bh-glass #header *,body.bh-glass #mobileMenu { transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
    body.bh-glass #header,body.bh-glass #header :is(.dropdown-menu,.lang-dropdown),body.bh-glass #mobileMenu { background: Canvas; color: CanvasText; border: 1px solid CanvasText; backdrop-filter: none; }
}

/* Public AI navigation, September 2026. */
.entry-bh-mark{display:inline-block;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url('/assets/images/bothost-ai-mark-web-88.png') center/18px no-repeat;mask:url('/assets/images/bothost-ai-mark-web-88.png') center/18px no-repeat;align-self:center}
.entry-soon{display:inline-flex;align-items:center;font-family:inherit;font-weight:500;font-size:10px;line-height:1.4;padding:2px 6px;background:rgba(10,10,10,.055);color:#52525b;border:1px solid rgba(10,10,10,.06);border-radius:5px;white-space:nowrap;letter-spacing:0}
#header .entry-ai{gap:6px;font-weight:600;color:#0a0a0a;white-space:nowrap}
#header .entry-ai .entry-bh-mark{width:16px;height:16px;flex-basis:16px;-webkit-mask-size:16px;mask-size:16px}
#mobileMenu .entry-ai{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.6);color:#0a0a0a;height:auto}
#mobileMenu .entry-ai .entry-soon{margin-left:auto}
@media(min-width:901px) and (max-width:1050px){#header .nav-desktop{display:none}#header .mobile-toggle{display:flex;margin-left:0}#header .nav-actions{margin-left:auto}#header .nav-actions .btn{display:none}body.bh-glass #header>.container{gap:12px}body.bh-glass #mobileMenu{inset:88px 24px auto;max-height:calc(100dvh - 108px)}}
.entry-ai:focus-visible{outline:2px solid #5865f2;outline-offset:3px}