/* Navigation styles for hamburger menu animation */
.nav-icon {
  width: 24px;
  height: 24px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 0px;
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
  top: 8px;
}

.nav-icon span:nth-child(4) {
  top: 16px;
}

.nav-icon.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.nav-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

/* Mobile menu transitions */
.mobile-main-panel,
.mobile-submenu-panel {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Hide scrollbar but keep functionality */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Desktop submenu transitions */
.nav-submenu {
  transition: opacity 0.2s ease-in-out;
}

/* Submenu item logo animation */
.submenu-item:hover .submenu-item__link-logo {
  opacity: 1;
}

.submenu-item:hover .submenu-item__link-text {
  transform: translateX(1.5rem);
}