/**
 * Mobile Menu Fix CSS
 */

/* Hamburger menu clickable */
.layout-menu-toggle {
  cursor: pointer !important;
  z-index: 10 !important;
}

/* Overlay */
.layout-overlay {
  cursor: pointer;
}

/* Mobile sidebar - ensure proper transitions */
@media (max-width: 1199.98px) {
  /* When menu is expanded */
  html.layout-menu-expanded .layout-menu {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
  }
  
  /* When menu is collapsed */
  html:not(.layout-menu-expanded) .layout-menu {
    transform: translateX(-100%) !important;
    -webkit-transform: translateX(-100%) !important;
  }
  
  /* Show overlay when menu expanded */
  html.layout-menu-expanded .layout-overlay {
    display: block !important;
    opacity: 0.5 !important;
    visibility: visible !important;
  }
  
  /* Hide overlay when menu collapsed */
  html:not(.layout-menu-expanded) .layout-overlay {
    display: none !important;
  }
}

/* Profile link on mobile */
#mobile-profile-link {
  cursor: pointer;
}