/* Overlay */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1040;
}

/* Drawer */
.mobile-menu {
  position: fixed;
  top: 0; right: -280px;
  width: 260px;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 20px rgba(0,0,0,0.1);
  overflow-y: auto;
  transition: right 0.4s cubic-bezier(.19,1,.22,1);
  z-index: 1050;
}

.mobile-menu.open { right: 0; }
.mobile-menu-overlay.show {
  opacity: 1;
  visibility: visible;
}

/* Header */
.mobile-menu-header {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.close-mobile-menu {
  background: none;
  border: none;
  font-size: 1.4rem;
  color: #5b2c2c;
  transition: color 0.3s;
}
.close-mobile-menu:hover { color: #cba35c; }

/* Links */
.mobile-menu ul li {
  margin-bottom: 1rem;
}
.mobile-menu a, .mobile-menu .logout-link {
  color: #5b2c2c;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
  transition: color 0.3s;
}
.mobile-menu a:hover,
.mobile-menu .logout-link:hover {
  color: #cba35c;
}
.mobile-menu li.active > a {
  color: #cba35c;
}

/* Smooth scrollbar for long lists */
.mobile-menu::-webkit-scrollbar {
  width: 5px;
}
.mobile-menu::-webkit-scrollbar-thumb {
  background: #cba35c;
  border-radius: 5px;
}