/* Mobile navigation fixes */
@media (max-width: 992px) {
  /* Ensure menu toggle is visible and positioned correctly */
  .menu-toggle {
    display: block;
    cursor: pointer;
    font-size: 24px;
    color: #2C3E50;
    z-index: 1001;
    padding: 10px;
    position: relative;
  }
  
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 2000;
    background: #fff;
    box-shadow: 0 2px 12px rgba(44,62,80,0.05);
  }
  
  .container {
    position: relative;
  }
  
  /* Fix sidebar navigation on mobile */
  .nav {
    position: fixed;
    top: 0;
    right: -280px; /* Start off-screen */
    width: 280px;
    height: 100vh;
    background: white;
    z-index: 2000;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    padding-top: 60px;
    overflow-y: auto;
  }
  
  .nav.closed {
    right: -280px;
  }
  
  .nav:not(.closed) {
    right: 0;
  }
  
  /* Ensure backdrop is visible when menu is open */
  .nav-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1999;
  }
  
  .nav-backdrop.active {
    display: block;
  }
  
  /* Style the close button */
  .sidebar-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    display: block;
    background: none;
    border: none;
    color: #2C3E50;
  }
  
  /* Adjust navigation list styles */
  .nav ul {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  
  .nav ul li {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }
  
  .nav ul li a {
    padding: 15px 20px;
    display: block;
    width: 100%;
    color: #2C3E50;
  }
  
  /* Prevent scrolling when menu is open */
  body.menu-open {
    overflow: hidden;
  }
}