/* Web-specific responsive styles */

/* Mobile viewport fix */
@media (max-width: 767px) {
  /* Hide desktop navigation elements on mobile */
  [data-testid="nav-links"],
  .nav-links {
    display: none !important;
  }
  
  [data-testid="auth-buttons"],
  .auth-buttons {
    display: none !important;
  }
  
  /* Show hamburger menu on mobile */
  [data-testid="hamburger"],
  .hamburger {
    display: flex !important;
  }
}

/* Desktop viewport */
@media (min-width: 768px) {
  /* Hide hamburger menu on desktop */
  [data-testid="hamburger"],
  .hamburger {
    display: none !important;
  }
  
  /* Hide mobile menu on desktop */
  [data-testid="mobile-menu"],
  .mobile-menu {
    display: none !important;
  }
  
  /* Show desktop elements on desktop */
  [data-testid="nav-links"],
  .nav-links {
    display: flex !important;
  }
  
  [data-testid="auth-buttons"],
  .auth-buttons {
    display: flex !important;
  }
}