/* Sidebar default */
.sidebar {
  width: 250px;
  background-color: #2c3e50;
  min-height: 100vh;
  transition: all 0.3s ease;
}

/* Sidebar link style */
.sidebar .nav-link {
  color: #ecf0f1;
  padding: 10px 20px;
  display: block;
}

.sidebar .nav-link:hover {
  background-color: #34495e;
  color: #fff;
}

/* Submenu style */
.submenu .nav-link {
  padding-left: 40px; /* indent for submenu */
  font-size: 14px;
}

/* Arrow for submenu */
.nav-item.has-submenu > .nav-link::after {
  content: "\f107"; /* FontAwesome down arrow */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  float: right;
  transition: transform 0.3s ease;
}

.nav-item.has-submenu > .nav-link[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}

/* Mobile view - hide sidebar initially */
@media (max-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    left: -250px;
    height: 100%;
    z-index: 1050;
  }
  .sidebar.active {
    left: 0;
  }
}