.navbar-toggler.white .toggler-bar {
  background: #fff;
}
/* Hide default Bootstrap toggler icon */
.navbar-toggler .navbar-toggler-icon {
  display: none;
}

/* Animated Hamburger/X for Navbar Toggler */
.navbar-toggler {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  z-index: 1051;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toggler-bar {
  display: block;
  position: absolute;
  width: 24px;
  height: 3px;
  background: rgba(0, 121, 101, 1); /* match your green */
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(.4,2,.3,1);
}

.toggler-bar:nth-child(1) {
  top: 13px;
  left: 8px;
}
.toggler-bar:nth-child(2) {
  top: 19px;
  left: 8px;
}
.toggler-bar:nth-child(3) {
  top: 25px;
  left: 8px;
}

/* When open (collapsed is shown), animate to X */
.navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(2) {
  opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .toggler-bar:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
.navbar-toggler.black:focus {
  border-color: rgba(0, 121, 101) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 121, 101);
}
.navbar-toggler.white:focus {
  border-color: rgba(255, 255, 255) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255);
}
/* Custom toggler icon colors for navbar */
.navbar-toggler.black .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,119,101,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler.white .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Custom border for navbar-toggler to match icon color */
.navbar-toggler.black {
  border-color: rgba(0, 121, 101, 0.25) !important; /* Match green icon, 15% opacity */
}
.navbar-toggler.white {
  border-color: rgba(255, 255, 255, 0.25) !important; /* Match white icon, 15% opacity */
}

/* Show border on mobile, hide on desktop */
.nav-link.border-bottom {
  border-bottom: 1px solid #ababab !important;
}

@media (min-width: 992px) {
  .nav-link.border-bottom {
    border-bottom: none !important;
  }
}