/* Sidebar and Navbar CSS (sidebar.css) */

/* Desktop Sidebar */
.desktop-sidebar {
  width: 220px !important;
  height: 100vh !important;
  position: fixed !important;
  background-color: #4b1e1e !important;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
  color: white !important;
}

.desktop-sidebar a {
  display: block !important;
  color: white !important;
  margin-bottom: 1rem !important;
  text-decoration: none !important;
}

.logo-large {
  height: 100px !important;
  margin-right: 10px !important;
}

/* Mobile Navbar */
.mobile-navbar {
  background-color: #fdf5e6 !important;
  border-bottom: 3px solid #4b1e1e !important;
}

.mobile-navbar .nav-link {
  color: #4b1e1e !important;
  font-weight: 500 !important;
  padding: 0.5rem 1rem !important;
}

.mobile-navbar .nav-link:hover {
  background-color: #f3d3c1 !important;
  border-radius: 4px !important;
}

.logo-small {
  height: 45px !important;
  margin-right: 10px !important;
}

/* Responsive toggles */
@media (min-width: 992px) {
  .desktop-sidebar {
    display: flex !important;
    flex-direction: column !important;
  }
  .mobile-navbar {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .desktop-sidebar {
    display: none !important;
  }
  .mobile-navbar {
    display: block !important;
  }
}