/* Initially hide the dropdown */
.dropdown-content {
  display: none;
  z-index: 999;
}

/* Show the dropdown when toggled */
.dropdown-content.show {
  display: block;
}

/* Additional styles for dropdown */
.dropdown-content a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.sticky {
  background: #1e293b;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: ease-in 0.2s;
}

.sticky .logo {
  height: 45px;
}

/* Sidebar starts hidden */
#sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  transform: translateX(100%); /* Off-screen initially */
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 50;
}

/* Sidebar visible state */
#sidebar.show {
  transform: translateX(0); /* Slides into view */
  opacity: 1;
}