/**
 * Auto Spare Parts sidebar – new structure (Dashboard, Products, Inventory, Sales, POS, etc.)
 * Submenus expand downward (inline). Nested submenus supported.
 */

/* Force submenu to expand downward inside sidebar – no flyout to the right */
body.dashboard-page #sidebar-content .nav-item.has-submenu {
  position: relative !important;
}
body.dashboard-page #sidebar-content .nav-item.has-submenu > .submenu {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
body.dashboard-page #sidebar-content .nav-item.has-submenu.open > .submenu {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  overflow: visible !important;
}

/* Sizes come from styles.css (#sidebar-content / #sidebar-container) – same everywhere */
body.dashboard-page #sidebar-container .sidebar-header {
  border-bottom-width: 1px;
}
body.dashboard-page #sidebar-content .submenu-item.has-submenu .submenu {
  padding-left: 12px !important;
}
body.dashboard-page #sidebar-content .submenu-item.has-submenu > .submenu-link {
  padding-left: 40px !important;
}
body.dashboard-page #sidebar-content .submenu-item.has-submenu > .submenu-link .submenu-arrow {
  right: 8px !important;
}

/* No extra space at top of submenus */
body.dashboard-page #sidebar-content .nav-item.has-submenu.open > .submenu,
body.dashboard-page #nav-inventory,
body.dashboard-page #nav-pos {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.dashboard-page #sidebar-content .nav-item.has-submenu.open > .submenu > .submenu-item:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.dashboard-page #sidebar-container .nav .has-submenu > .submenu-toggle .submenu-arrow {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
body.dashboard-page #sidebar-container .nav .has-submenu.open > .submenu-toggle .submenu-arrow {
  transform: translateY(-50%) rotate(90deg) !important;
}