/* custom.css - Custom styles for KMS */

/* ===== RESPONSIVE SIDEBAR ===== */

/* Fixed sidebar width and full-height scrolling */
#mySidebar {
  width: 200px;
  position: fixed !important;
  bottom: 0;
  overflow-y: auto !important;
  /* top is set dynamically by JS in sidebar_wrapper.php */
}

/* Main content offset matches sidebar width on large screens */
@media (min-width: 993px) {
  .w3-main {
    margin-left: 200px !important;
  }
}

/* ===== MOBILE HEADER ADJUSTMENTS ===== */

@media (max-width: 600px) {
  .top-area h1 {
    font-size: 1.3em;
  }
  .top-area .tagline {
    display: none;
  }
}

/* Hide sidebar KB image on small screens to save space */
@media (max-width: 992px) {
  .sidebar-kb-image {
    display: none !important;
  }
}

/* ===== GRAPH VIEWER RESPONSIVE OVERRIDES ===== */

@media (max-width: 992px) {
  #main-graph-area,
  .graph-main-area {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Stack right-side panels below graph instead of fixed overlay */
  #right-side-panel,
  #voice-commands-panel {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    border-left: none !important;
    border-top: 2px solid #ccc;
  }
}