/**
 * Category Index Page Styles
 * Handles sidebar stacking and layout for category pages
 */

/* Category sidebar container - ensures sidebars stack vertically */
.category-sidebar-container {
  display: flex;
  flex-direction: column;
}

/* Stack wrapper - removes column classes from child sidebars */
.category-sidebar-stack > div {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove Bootstrap column classes from stacked sidebars */
.category-sidebar-stack > div[class*="col-"] {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Ensure proper spacing between stacked sidebars */
.category-sidebar-stack > div + div {
  margin-top: 0;
}

/* Mobile: Hide the desktop sidebar container */
@media (max-width: 600px) {
  .category-sidebar-container {
    display: none;
  }
}

/* Tablet portrait: Mobile sidebar hiding is now handled globally in main.css */