#header_inner .navbar-toggler {
  border-color: white !important; /* White border for the button */
  color: white !important; /* White text color for the button */
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 20px rgba(255, 255, 255, 0.6); /* White text shadow */
}

#header_inner {
  border-bottom: 2px solid #35bee4;
}

#header_inner.stuck {
  border-bottom: 2px solid #35bee4;
  background-color: #0a0a0a; /* пример: можно также сменить фон */
  transition: all 0.1s ease;
}

/* Custom hamburger icon styling */
#header_inner .navbar-toggler {
  border: none !important;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

/* Remove all focus outlines and borders */
#header_inner .navbar-toggler:focus,
#header_inner .navbar-toggler:active,
#header_inner .navbar-toggler:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important; /* Remove any potential box-shadow on focus */
}

/* Neon effect for hamburger icon */
#header_inner .navbar-toggler-icon {
  width: 24px;
  height: 2px;
  background: #35bee4; /* White base color */
  box-shadow: 0 0 8px #35bee4, 0 0 12px rgba(30, 165, 255, 0.8),
    0 0 16px rgba(30, 165, 255, 0.8); /* Neon glow */
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
}

#header_inner .navbar-toggler-icon::before,
#header_inner .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background: #35bee4; /* White base color */
  box-shadow: 0 0 8px #35bee4, 0 0 12px rgba(30, 165, 255, 0.8),
    0 0 16px rgba(30, 165, 255, 0.8); /* Neon glow */
  left: 0;
  transition: all 0.3s ease-in-out;
}

#header_inner .navbar-toggler-icon::before {
  top: -8px; /* Position above the middle bar */
}

#header_inner .navbar-toggler-icon::after {
  top: 8px; /* Position below the middle bar */
}

/* Animation when toggler is active (open state) */
#header_inner .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent; /* Hide the middle bar */
  box-shadow: none; /* Remove neon glow from middle bar */
}

#header_inner
  .navbar-toggler[aria-expanded="true"]
  .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
  box-shadow: 0 0 8px #35bee4, 0 0 12px rgba(30, 165, 255, 0.8),
    0 0 16px rgba(30, 165, 255, 0.8); /* Maintain neon glow */
}

#header_inner
  .navbar-toggler[aria-expanded="true"]
  .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
  box-shadow: 0 0 8px #35bee4, 0 0 12px rgba(30, 165, 255, 0.8),
    0 0 16px rgba(30, 165, 255, 0.8); /* Maintain neon glow */
}

#header_inner .navbar-brand,
#header_inner .nav-link {
  color: #74e1ff !important; /* White text for navbar brand and links */
  text-shadow: 0 0 5px rgba(30, 165, 255, 0.8),
    0 0 20px rgba(30, 165, 255, 0.8); /* White text shadow with glow */
}