/* assets/pages/maqamat/interactive-nav-layer.css
   Layering fix for interactive maqam pages:
   - .site-nav is the global site navigation rendered from data/site-routes.js.
   - .maqam-tool-nav is the local maqam tool navigation with breadcrumb and maqam drawer button.
*/

.maqam-tool-nav {
  position:fixed;
  top:56px;
  right:0;
  left:0;
  z-index:190;
  background:rgba(12,11,9,0.95);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
  height:56px;
  display:flex;
  align-items:center;
}

.maqam-tool-nav .nav-logo {
  display:none;
}

.maqam-tool-nav .nav-links {
  display:none;
}

.maqam-tool-nav .nav-breadcrumb {
  margin-inline-start:0;
}

.maqam-tool-nav .nav-actions .lang-toggle {
  display:none;
}

.shell {
  padding-top:112px;
}

.sidebar {
  top:112px;
  height:calc(100vh - 112px);
}

.main {
  min-height:calc(100vh - 112px);
}

@media(max-width:768px) {
  .maqam-tool-nav .nav-inner {
    padding:0 16px;
  }

  .maqam-tool-nav .nav-breadcrumb {
    display:flex;
  }

  .sidebar {
    top:112px;
    height:calc(100vh - 112px);
  }
}