/* CSS */
.hamburger-nav {
  background: #333;
  color: white;
  padding: 10px;
  position: relative;
  display: none; /* Hidden by default */
}

.menu-toggle {
  font-size: 24px;
  cursor: pointer;
}

.menu-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  flex-direction: column;
  background: #444;
}

.menu-items li {
  border-top: 1px solid #555;
}

.menu-items li a {
  color: white;
  text-decoration: none;
  padding: 10px;
  display: block;
}

.menu-items li a:hover {
  background: #555;
}

/* Show full menu on desktop, hide hamburger */
.full-menu {
  display: flex;
  gap: 0px;
  background: #eee;
  padding: 0px;
}

.hamburger-nav {
  display: none;
}

@media screen and (max-width: 600px) {
  .full-menu {
    display: none;
  }
  .hamburger-nav {
    display: block;
  }
}