/* fix-sidebar.css — layout & overflow fixes */

/* Remove default body margin so page fills full viewport */
body {
  margin: 0 !important;
}

/* Fix sidebar independent scroll only */
body div.sidebar { position: fixed !important; top: 0 !important; left: 0 !important; height: 100vh !important; overflow: hidden !important; overflow-x: hidden !important; z-index: 9999 !important; display: flex !important; flex-direction: column !important; }
body div.content { height: 100vh !important; overflow-y: auto !important; }
html, body, .page, #app { overflow: hidden !important; height: 100vh !important; }
div.flex { height: 100vh !important; overflow: hidden !important; }

/* Fix sidebar-height / sidebar-content scroll chain — unblock clipped items */
.sidebar .sidebar-height { height: 0 !important; flex: 1 1 0% !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; padding: 0 !important; }
.sidebar .sidebar-content { flex: 1 1 0% !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; }
.sidebar .sidebar-bottom { flex-shrink: 0 !important; }
.sidebar .store-switcher { flex-shrink: 0 !important; }
.sidebar .group-body.open { max-height: 2000px !important; }

/* Sub-menu colors */
.sidebar .sub-item { color: #c8daea !important; }
.sidebar .sub-item:hover { color: #f0f4fa !important; }
.sidebar .sub-item.active { color: #e8621a !important; }

/* Prevent double-offset from nested .content divs */
#app .content .content {
  margin-left: 0 !important;
  width: 100% !important;
}

/* ─── Heatmap overlap fix ─── */
/* Product card rows must contain their heatmap grids */
.mb-product-card {
  overflow: hidden !important;
  align-items: center !important;
}

/* Shrink mini heatmap cells to fit within row height */
.mb-mini-cell {
  width: 7px !important;
  height: 7px !important;
}

.mb-mini-heat {
  gap: 1px !important;
}

.mb-mini-heat-row {
  gap: 1px !important;
}

/* Constrain the heatmap column */
.mb-card-heat {
  overflow: hidden !important;
  max-height: 72px !important;
  padding: 4px 12px !important;
  gap: 2px !important;
  border-right: none !important;
  border-left: none !important;
}

/* Smaller heatmap label */
.mb-heat-sublabel {
  font-size: 8px !important;
  line-height: 1 !important;
}

/* Keep the expand button small */
.mb-heat-expand-btn {
  font-size: 9px !important;
  padding: 2px 6px !important;
}

/* Remove double border lines on product cards */
.mb-card-thumb {
  border: none !important;
}

/* Remove right-edge double border lines */
.content {
  border-right: none !important;
  outline: none !important;
}
#app .content .content {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.page {
  border-right: none !important;
  border-left: none !important;
}
div.flex {
  border: none !important;
}