/* Clean Mobile Footer Navigation */
@media (max-width: 900px) {
  .mobile-nav {
    position: fixed !important;
    bottom: -3px !important; /* Move 3px below screen edge for ultra-tight positioning */
    left: 0 !important;
    right: 0 !important;
    background-color: #121620 !important; /* Solid background, no transparency */
    border-top: 1px solid #30363d !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2) !important;
    display: block !important;
    width: 100% !important;
    padding: 7px 0 3px 0 !important; /* Adjusted padding to compensate for new position */
    margin: 0 !important;
    z-index: 1000 !important;
    
    /* Ensure completely opaque background and flush bottom */
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    margin-bottom: 0 !important;
    height: auto !important;
    min-height: 60px !important; /* Ensure minimum height */
  }

  .mobile-nav-list {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    padding: 0 0 8px 0 !important; /* Bottom padding moved here instead of parent */
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    background-color: #121620 !important; /* Extra background insurance */
    position: relative !important;
    z-index: 1001 !important; /* Higher z-index than parent */
  }

  .mobile-nav-item {
    display: flex !important;
    flex: 1 !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobile-nav-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #D4AF37 !important;
    font-size: 0.7rem !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    width: 100% !important;
  }

  .mobile-nav-link i {
    font-size: 1.1rem !important;
    margin-bottom: 2px !important;
  }

  .mobile-nav-link.active {
    color: #F5D76E !important;
  }
  
  /* Disabled nav item (Crypto) */
  .mobile-nav-item.disabled .mobile-nav-link {
    color: #6c757d !important; /* Gray color for disabled state */
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
  }
  
  .mobile-nav-item.disabled .mobile-nav-link i {
    color: #6c757d !important;
  }
  
  .mobile-nav-item.disabled .mobile-nav-link span {
    color: #6c757d !important;
  }

  /* Body padding for mobile nav - ultra tight for minimal gap */
  body {
    padding-bottom: 55px !important; /* Reduced from 70px for tighter spacing */
  }
  
  /* Ensure mobile nav is absolutely flush with bottom */
  html, body {
    margin-bottom: 0 !important;
    height: 100vh !important; /* Force full viewport height */
    overflow-x: hidden !important; /* Prevent horizontal scroll */
  }
  
  /* Remove any potential gaps around mobile nav */
  .mobile-nav * {
    margin-bottom: 0 !important;
  }
  
  /* Force browser to respect bottom positioning */
  @supports (-webkit-touch-callout: none) {
    /* iOS Safari specific fix */
    .mobile-nav {
      bottom: -1px !important;
      padding-bottom: 1px !important;
    }
  }
}