/* LBKMCH shared navbar dropdowns + responsive sidebar behaviour.
   Loaded on every public shell (hospital + college). Works on top of
   hospital.css / college.css (shares --vars and .header-nav/.h-nav-item). */

/* ---- Single full-brand image in the header ---- */
.header-brand .brand-full{height:48px;width:auto;max-width:340px;object-fit:contain;display:block}
@media(max-width:600px){ .header-brand .brand-full{height:38px;max-width:210px} }

/* ---- Multi-level navbar dropdowns (desktop) ---- */
.header-nav .nav-node{position:relative}
.header-nav .nav-parent{cursor:pointer;user-select:none}
.header-nav .nav-caret{font-size:.62rem;opacity:.6;margin-left:2px}
.nav-dropdown{
  position:absolute;top:calc(100% + 6px);left:0;min-width:220px;
  background:#fff;border:1px solid var(--gray-200,#e5e7eb);border-radius:12px;
  box-shadow:0 14px 36px rgba(11,29,81,.16);padding:6px;display:none;z-index:1300;
}
.header-nav .nav-node:hover > .nav-dropdown{display:block}      /* hover (desktop) */
.header-nav .nav-node.open  > .nav-dropdown{display:block}      /* click/touch */
.nav-dropdown .nav-node{display:block}
.nav-dropdown .h-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:8px;white-space:nowrap;font-size:.86rem}
.nav-dropdown .nav-node > .nav-dropdown{top:-6px;left:calc(100% + 6px)}  /* 3rd level flyout */
.nav-dropdown .nav-parent .nav-caret{margin-left:auto}

/* ---- Desktop: sidebar OFF → full-width content ---- */
@media(min-width:901px){
  .layout.no-sidebar-desktop{grid-template-columns:1fr !important}
  .sidebar.sb-hide-desktop{display:none !important}
}

/* ---- Mobile ---- */
@media(max-width:900px){
  .sidebar.sb-hide-mobile{display:none !important}

  /* Navbar shown as a slide-down panel when the sidebar isn't the mobile menu */
  .header-nav.mobile-panel{
    display:none;position:fixed;top:var(--header-h,70px);left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;padding:.5rem;max-height:80vh;overflow:auto;
    box-shadow:0 16px 36px rgba(0,0,0,.18);border-top:1px solid var(--gray-200,#e5e7eb);z-index:1250;
  }
  .header-nav.mobile-panel.open{display:flex}
  .header-nav.mobile-panel .h-nav-item{width:100%;padding:11px 14px;border-radius:8px}
  .header-nav.mobile-panel .nav-dropdown{
    position:static;display:none;box-shadow:none;border:none;border-radius:0;
    padding:0 0 0 1rem;min-width:0;background:transparent;
  }
  .header-nav.mobile-panel .nav-node.open > .nav-dropdown{display:block}  /* accordion */
}