/* Mobile-specific styles for navbar dropdown */
@media (max-width: 767.98px) {

    /* Optimizations for sizing and spacing on mobile */
  .navbar-collapse {
    padding: 1rem 10px 10px 10px !important ;
    margin-top: 0.5rem;
  }
  
  /* Spacing for navbar items */
  .navbar-nav {
    margin:10px;
    padding: 0.5rem 10px;
  }
  
  .navbar-nav .nav-item {
    margin: 0.25rem 10px;
  }
  
  .navbar-nav .nav-link {
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin: 0.125rem 0;
  }

  /* no hover effect on mobile */
}