/* ============================================
   Sidebar: O key toggles visibility via class
   ============================================ */

/* Hide sidebar by default on desktop */
@media (min-width: 769px) {
  .md-sidebar--primary {
    display: none;
  }

  /* Show when O key is pressed */
  body.sidebar-shown .md-sidebar--primary {
    display: block;
    left: 0 !important;
  }
}

/* ============================================
   Never show sidebar on home page
   ============================================ */

body[data-page="home"] .md-sidebar--primary,
body[data-page="home"].sidebar-shown .md-sidebar--primary {
  display: none !important;
  visibility: hidden !important;
}

/* ============================================
   Shrink back-to-top button
   ============================================ */

#backToTop {
  width: 36px !important;
  height: 36px !important;
  font-size: 14px !important;
  bottom: 20px !important;
  right: 20px !important;
}

/* ============================================
   Legacy shortcut hint - hidden (replaced by toast)
   ============================================ */

.shortcut-hint {
  display: none !important;
}

/* ============================================
   Sidebar nav cleanup - remove redundant elements
   ============================================ */

/* Remove md-nav__title (redundant section headers) */
.md-sidebar--primary .md-nav__title {
  display: none;
}

/* Style for active links replaced via JS in onboard.js */
.md-sidebar--primary .nav-active-replaced {
  pointer-events: none;
  cursor: default;
  opacity: 0.55;
}

/* Tighten nav spacing */
.md-sidebar--primary .md-nav__item {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}

/* Make section toggle icons less prominent */
.md-sidebar--primary .md-nav__link .md-nav__icon {
  opacity: 0.5;
}


/* ============================================
   Mobile lazy page - nuke all navigation
   ============================================ */

.page-mobile-lazy .md-header,
.page-mobile-lazy .md-tabs,
.page-mobile-lazy .md-sidebar,
.page-mobile-lazy .md-sidebar--primary,
.page-mobile-lazy .md-sidebar--secondary,
.page-mobile-lazy .md-footer,
.page-mobile-lazy .md-footer-meta,
.page-mobile-lazy .hub-footer,
.page-mobile-lazy .md-top,
.page-mobile-lazy #backToTop,
.page-mobile-lazy #toast-container,
.page-mobile-lazy .md-search,
.page-mobile-lazy .md-search__overlay,
.page-mobile-lazy .nav-toggle,
.page-mobile-lazy .nav-drawer,
.page-mobile-lazy .nav-overlay {
  display: none !important;
}

.page-mobile-lazy .md-content {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 20px !important;
}

.page-mobile-lazy .md-main {
  background: #0a0a0f !important;
}

.page-mobile-lazy .md-content__inner {
  margin: 0 !important;
  padding: 0 !important;
}