/* theme/almondb/style/topnav.css
   Desktop only (>=992px): the left sidenav becomes a horizontal bar across the top.
   Loaded after sidenav.css and custom.css. Mobile keeps the existing drawer. */
@media (min-width: 992px) {
  :root { --almondb-topnav-height: 56px; }

  /* the bar itself */
  .almondb-sidenav,
  .sidenav-collapsed .almondb-sidenav,
  .almondb-sidenav.collapsed {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--almondb-topnav-height) !important;
    flex-direction: row !important;
    border-right: 0;
    border-bottom: 1px solid var(--almondb-sidenav-border);
    overflow: visible !important;
  }
  .almondb-sidenav .sidenav-inner {
    flex-direction: row !important;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 1.25rem;
    overflow: visible;
  }

  /* logo on the left */
  .almondb-sidenav .sidenav-top { flex: 0 0 auto; padding: 0; margin-right: 1.5rem; }
  .almondb-sidenav .sidenav-brand { height: 40px; }
  .almondb-sidenav .sidenav-logo { height: 36px; width: auto; max-width: 140px; }
  .almondb-sidenav .sidenav-close-btn { display: none !important; }

  /* menu items in a row */
  .almondb-sidenav .sidenav-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 auto;
    gap: .25rem;
    height: 100%;
  }
  .almondb-sidenav .sidenav-item { margin: 0; }
  .almondb-sidenav .sidenav-link { padding: .5rem .9rem; border-radius: 8px; white-space: nowrap; }

  /* help, admin, logout on the right */
  .almondb-sidenav .sidenav-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    padding: 0;
    gap: .25rem;
    border: 0;
  }

  /* Moodle's own bar (search, profile) moves under ours, full width */
  body.has-sidenav .navbar,
  body.has-sidenav .navbar.fixed-top,
  #page-wrapper.has-sidenav .navbar,
  #page-wrapper.has-sidenav .navbar.fixed-top,
  body.has-sidenav.sidenav-collapsed .navbar,
  #page-wrapper.has-sidenav.sidenav-collapsed .navbar {
    top: var(--almondb-topnav-height) !important;
    left: 0 !important;
    width: 100% !important;
  }

  /* page content no longer shifted right, but pushed down by the extra bar */
  .has-sidenav #page-wrapper,
  body.has-sidenav #page-wrapper,
  body.sidenav-collapsed.has-sidenav #page-wrapper,
  .has-sidenav.sidenav-collapsed #page-wrapper {
    margin-left: 0 !important;
    padding-top: var(--almondb-topnav-height);
  }

  /* side drawers (calendar, course index) start below both bars */
  body.has-sidenav .drawer,
  body.has-sidenav [data-region="fixed-drawer"] {
    top: calc(var(--almondb-topnav-height) + var(--almondb-topbar-height)) !important;
    height: calc(100vh - var(--almondb-topnav-height) - var(--almondb-topbar-height)) !important;
  }
}