/* Mobile Menu Fix - Clean Implementation */

/* Mobile overlay */
@media(max-width:768px){
  /* Hide desktop nav elements */
  .nav-right{
    display:none !important;
  }
  
  /* Show hamburger */
  .hamburger{
    display:block !important;
  }
  
  /* Mobile menu container - slides from right */
  .nav-links{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:0 !important;
    right:-100% !important;
    bottom:0 !important;
    width:280px !important;
    background:#fff !important;
    z-index:9999 !important;
    box-shadow:-4px 0 10px rgba(0,0,0,.3) !important;
    transition:right .3s ease !important;
    overflow-y:auto !important;
    padding:0 !important;
    margin:0 !important;
  }
  
  /* When menu is open */
  .nav-links.open{
    right:0 !important;
  }
  
  /* First li contains close button */
  .nav-links li:first-child{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding:12px 15px !important;
    border-bottom:1px solid #f0f0f0 !important;
    background:#fff !important;
    height:auto !important;
  }
  
  /* All menu items */
  .nav-links li{
    height:auto !important;
    width:100% !important;
    border-bottom:1px solid #f0f0f0 !important;
    background:#fff !important;
  }
  
  .nav-links li:last-child{
    border-bottom:none !important;
  }
  
  /* Menu links styling */
  .nav-links li a{
    padding:16px 20px !important;
    border-bottom:none !important;
    justify-content:flex-start !important;
    height:auto !important;
    background:#fff !important;
    display:block !important;
    width:100% !important;
    color:#2c5f7c !important;
    font-weight:600 !important;
    font-size:.9rem !important;
  }
  
  .nav-links li a:hover{
    background:#f8f9fa !important;
    border-bottom:none !important;
    color:#c0392b !important;
  }
  
  .nav-links li a.active{
    border-bottom:none !important;
    background:#fef2f2 !important;
    color:#c0392b !important;
  }
  
  /* Close button inside first li */
  .nav-links li:first-child button{
    background:none !important;
    border:none !important;
    color:#666 !important;
    font-size:1.4rem !important;
    cursor:pointer !important;
    padding:5px !important;
    line-height:1 !important;
  }
}