.menu-sidebar {
  min-width: 350px;
  margin: 0 1em;
}

#category-menu {
  display: none;
}

#category-menu,
#category-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#category-menu li.menu-item {
  position: relative;
}

#category-menu li.menu-item > a {
  color: #696969;
  font-size: 1.25em;
  text-decoration: none;
  display: block;
  padding: .9em 1.5em;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  margin-bottom: 0.2em;
  background-color: #fff;
}

#category-menu li.menu-item.selected-path > a {
  background-color: #fff6e0;
  border-color: #ffb03b;
  color: #ffb03b; 
}

#category-menu a.current-link {
  color: #ffb03b !important;
}

#category-menu .toggle-sidebarmenu {
  position: absolute;
  top: 0.4em;
  right: .3em;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #696969;
  font-size: 1.5em;
  display: block;
  padding: .3em .6em;
}

#category-menu .toggle-sidebarmenu::before {
  content: "\f105"; /* strzałka w prawo */
}

#category-menu .toggle-sidebarmenu.open::before {
  content: "\f107"; /* strzałka w dół */
}

#category-menu .menu-expanded > .sub-menu {
  display: block;
}

@media screen and (max-width: 980px) {
  .menu-sidebar {
    margin: 0 .5em;
    width: 100%;
    min-width: 0;
  }

  #category-menu > li.menu-item:first-child {
    margin-top: .5em;
  }
}

@media screen and (max-width: 736px) {
  #category-menu li.menu-item > a {
    padding: .8em 1.5em;
  }
}