/* === MENU LATÉRAL GAUCHE – Version compacte et fluide === */
#sidebar-menu {
  position: fixed;
  top: 105px; /* sous le header */
  left: 0;
  width: 210px;           /* plus fin */
  height: calc(100vh - 105px);
  background: #fff;
  border-right: none;     /* supprime la séparation */
  box-shadow: 1px 0 6px rgba(0,0,0,0.06);
  overflow-y: auto;
  padding: 5px 6px;
  z-index: 900;
  scrollbar-width: none;  /* masque la barre sur Firefox */
}

#sidebar-menu::-webkit-scrollbar { display: none; } /* Chrome/Edge */

#sidebar-menu nav.menu-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar-menu .menu-toggle {
  display: block;
  width: 100%;
  padding: 7px 10px;
  font-size: 13.5px;
  font-weight: 600;
  text-align: left;
  background: linear-gradient(90deg, #e91683, #ff5fc2);
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin: 3px 0;
  transition: all 0.25s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sidebar-menu .menu-toggle:hover {
  background: linear-gradient(90deg, #00ff88, #00c06d);
  transform: translateX(3px);
}

#sidebar-menu .submenu {
  display: none;
  margin: 4px 0 5px 12px;
}

#sidebar-menu .submenu li { list-style: none; }

#sidebar-menu .submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 6px;
  border-left: 3px solid transparent;
  border-radius: 4px;
  transition: all 0.2s ease;
}

#sidebar-menu .submenu a:hover {
  color: #e91683;
  border-left: 3px solid #00ff88;
  background: rgba(233,22,131,0.05);
}

/* décale proprement le contenu principal */
main, section, .pm-content, .content-wrapper {
  margin-left: 230px;
  padding: 20px;
  transition: margin-left 0.3s ease;
}