.vg-navbar__toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color var(--transition), background var(--transition);
}

.vg-navbar__toggle:hover {
  background: var(--gold-muted);
  border-color: var(--gold);
}

.vg-navbar__toggle:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.vg-navbar__toggle-bar {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--maroon);
  border-radius: 2px;
  transition: transform var(--transition), opacity var(--transition);
}

.vg-navbar.is-menu-open .vg-navbar__toggle-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.vg-navbar.is-menu-open .vg-navbar__toggle-bar:nth-child(2) {
  opacity: 0;
}

.vg-navbar.is-menu-open .vg-navbar__toggle-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 1024px) {
  .vg-navbar__toggle {
    display: flex;
  }
}