/* ========================================
   NAVBAR.CSS - TABLET RESPONSIVE STYLES (768px - 1023px)
   ======================================== */

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar {
    padding: 0.8rem 2rem;
  }

  #aclc-logo {
    height: 35px;
  }

  .nav-logo a {
    font-size: 1.2rem;
  }

  .navbar div:last-child {
    gap: 2rem;
  }

  #create-button {
    padding: 8px 16px;
    font-size: 1rem;
  }

  .dropdown-content {
    min-width: 200px;
    right: 20px;
    top: 25px;
  }

  .dropdown-content a {
    padding: 12px 18px;
    font-size: 1rem;
  }

  .user-icon {
    width: 35px;
    height: 35px;
  }

  .tags-container {
    gap: 12px;
  }

  .tag {
    padding: 8px 14px;
    font-size: 1rem;
  }

  #search-icon {
    width: 20px;
    height: 20px;
  }
}