/* Legacy layout overrides - works with custom.scss */
:root{
  --sidebar-width: 280px;
  --navbar-height: 64px;
  --content-gap: 8px;
}

html, body{ 
  height: 100%; 
  margin: 0;
}

body{
  padding-top: var(--navbar-height);
  overflow: hidden;
}

/* ===== Hide default Quarto elements ===== */
.quarto-header{ display: none !important; }
.quarto-title-breadcrumbs,
.quarto-breadcrumbs,
.breadcrumb{ display:none !important; }

/* ===== Navbar styling ===== */
.navbar{
  box-shadow: none !important;
}

/* ===== Sidebar (fixed) ===== */
#quarto-sidebar{
  position: fixed !important;
  top: var(--navbar-height) !important;
  left: 0 !important;
  width: var(--sidebar-width) !important;
  height: calc(100vh - var(--navbar-height)) !important;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1030;
  padding: 1rem 0 !important;
  margin: 0 !important;
}

/* Remove Quarto sidebar header elements */
#quarto-sidebar .sidebar-header,
#quarto-sidebar .sidebar-tools,
#quarto-sidebar .sidebar-search{
  display:none !important;
}

/* Sidebar content spacing */
#quarto-sidebar .sidebar-content,
#quarto-sidebar nav,
#quarto-sidebar .sidebar-navigation,
#quarto-sidebar .sidebar-items,
#quarto-sidebar .sidebar-menu-container{
  padding: 0 0.75rem !important;
  margin: 0 !important;
}

/* ===== Content pane (fixed + scroll) ===== */
#quarto-content{
  position: fixed !important;
  top: var(--navbar-height) !important;
  left: var(--sidebar-width) !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 2rem 3rem !important;
  margin: 0 !important;
  border: none !important;
}

/* Content area styling */
#quarto-content .page-columns,
#quarto-content main,
#quarto-content main.content,
#quarto-content .content{
  max-width: 1200px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* Typography */
#quarto-content h1.title{
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
}

/* Back to top button */
#back-to-top{
  border: 1px solid var(--border-color);
  background: var(--surface-secondary);
  color: var(--text-primary) !important;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-left: 8px;
  transition: all 0.2s ease;
}

#back-to-top:hover{
  background: var(--boeing-blue);
  border-color: var(--boeing-blue);
  color: white !important;
}

/* Mobile responsiveness */
@media (max-width: 991px) {
  #quarto-content {
    left: 0 !important;
    padding: 1.5rem 1rem !important;
  }
  
  #quarto-sidebar {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  
  #quarto-sidebar.show {
    transform: translateX(0);
  }
}