/* Custom styles goes here */
/* 1. Hide the sidebar completely when collapsed */
html.layout-menu-collapsed .layout-menu {
  transform: translate3d(-100%, 0, 0) !important;
  visibility: hidden !important;
}

/* 2. Move the main content to the far left (Wide Screen) */
html.layout-menu-collapsed .layout-page {
  padding-left: 0 !important;
}

/* 3. Smooth transition (optional, for that premium feel) */
.layout-menu, .layout-page {
  transition: all 0.3s ease-in-out;
}