/* Mobile first: default styles */

/* Small phones */
@media (max-width: 480px) {
  .nav-btn.auth-btn.filled{ display: none !important;}
  .auth-btn { padding: 0.25rem 0.5rem; margin-left: 0.1rem; }
  .create-btn { margin-right: 0.01rem; }
  input[type="search"] { width: 100%; font-size: 1rem; padding: 10px; }
  .search-bar{
    margin: 0 0.1rem;
  }
 }

/* Tablets */
@media (max-width: 768px)  { 

  .create-btn { margin-right: 0.3rem; }
  .header-container { padding: 0 1rem; }
  .logo-text { font-size: 1.3rem; }
    .search-bar form {
    max-width: 98vw;
    padding: 0.1rem 0.5rem;
  }
  
  .search-input {
    padding: 0.7rem 0.7rem;
    font-size: 0.98rem;
  }
  .search-button {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
    .search-icon {
      right: 1.5rem;
    }
 }

/* Small desktops */
@media (min-width: 992px)  { 
  .search-bar { margin: 0 1rem; }
  .nav-items { gap: 1rem; }
 }

/* Large desktops */
@media (min-width: 1200px)  { 
    
    
 }