/* JS BUENO — sidebar show/hide toggle (desktop) */
@media (min-width: 1200px) {
  body:not(.g-sidenav-pinned) .sidenav {
    transform: translateX(-110%);
  }
  body:not(.g-sidenav-pinned) .main-content {
    margin-left: 0 !important;
  }
  .sidenav {
    transition: transform 0.2s ease-in-out;
  }
  .main-content {
    transition: margin-left 0.2s ease-in-out;
  }
}

#iconNavbarSidenav { cursor: pointer; }

/* Collapsible menu chevron rotation */
.sidenav-chevron {
  transition: transform 0.2s ease-in-out;
}
.js-collapse-toggle[aria-expanded="true"] .sidenav-chevron {
  transform: rotate(180deg);
}

/* Hide framework's auto-injected FontAwesome chevron (we use our own nucleo chevron) */
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after,
.g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after,
.g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after {
  content: "" !important;
  display: none !important;
}



/* Hide PerfectScrollbar rail on sidenav */
.sidenav .ps__rail-y,
.sidenav .ps__rail-x {
  display: none !important;
}

/* Make sidebar cover full viewport height */
.sidenav {
  min-height: 100vh !important;
}

/* Extend bg color behind sidebar to fill gap */
body {
  background-color: #f8f9fa !important;
}

/* Hide PerfectScrollbar rails on sidenav (inline style override) */
aside#sidenav-main > .ps__rail-x,
aside#sidenav-main > .ps__rail-y,
#sidenav-collapse-main > .ps__rail-x,
#sidenav-collapse-main > .ps__rail-y {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Remove space taken by PS rails */
aside#sidenav-main .ps__rail-x { display: none !important; }
aside#sidenav-main .ps__rail-y { display: none !important; }
/* Hide PerfectScrollbar rails on sidenav (all instances) */
#sidenav-main .ps__rail-x,
#sidenav-main .ps__rail-y,
#sidenav-main > .ps__rail-x,
#sidenav-main > .ps__rail-y,
#sidenav-collapse-main > .ps__rail-x,
#sidenav-collapse-main > .ps__rail-y {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
}

/* Hide empty elements that appear below sidebar */
aside#sidenav-main ~ *:empty,
body > *:empty {
  display: none !important;
}

/* Hide fixed-plugin configurator (Creative Tim leftover) */
.fixed-plugin { display: none !important; }



/* Remove left gap beside sidebar */
aside#sidenav-main {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  height: 100vh !important;
  top: 0 !important;
}

/* Clip overflow on sidebar to hide PS rails */
aside#sidenav-main {
  overflow: hidden !important;
}
#sidenav-collapse-main .ps__rail-x,
#sidenav-collapse-main .ps__rail-y {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Hide native scrollbar on sidebar collapse div (Windows) */
#sidenav-collapse-main::-webkit-scrollbar {
  width: 0px !important;
  background: transparent !important;
}
#sidenav-collapse-main {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Match body left background to sidebar color to hide margin gap */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 17.125rem;
  height: 100vh;
  background: #fff;
  z-index: 0;
}

/* New clean sidebar - fix main content margin */
.main-content {
  margin-left: 260px !important;
}
/* Hide scrollbar inside new sidebar */
#sidenav-collapse-main::-webkit-scrollbar {
  display: none !important;
}

/* Force sidebar full width always */
#sidenav-main {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  white-space: normal !important;
}

/* Force sidebar width 260px always — v12 */
aside#sidenav-main,
#sidenav-main,
.sidenav#sidenav-main {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  flex: 0 0 260px !important;
}

/* Hamburger toggle — smooth transition on main content */
.main-content {
  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out !important;
}
#sidenav-main {
  transition: transform 0.3s ease-in-out !important;
}