/*--- functions/styles/responsive.css ---*/

@media (max-width: 768px) {
  .nav-links ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    right: 1.5rem;
    width: 220px;
    padding: 1rem;
    border-radius: 4px;
  }

  .nav-links ul li a {
    padding: 0.75rem 1rem;
    border-radius: 4px;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .nav-links ul.active {
    display: flex;
  }

  .hamburger {
    display: flex;
  }
}