/* Hide Bootstrap's default hamburger background if present */
.navbar-light .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon { background-image: none !important; }

/* Button base */
.navbar-toggler.custom-toggler {
border: 0;
/*background: transparent;*/
background-color: #002f6c;
color: white;
padding: .25rem .5rem;
line-height: 1;
cursor: pointer;
}

/* Bars */
.navbar-toggler.custom-toggler .toggler-bar {
display: block;
width: 28px;
height: 2px;
margin: 6px 0;
background: currentColor;               /* Bars use currentColor so they stay white everywhere; adjust color as needed; #111 */
border-radius: 1px;
transition: transform .3s ease, opacity .2s ease, background-color .2s ease;
}

/* Ensure no state changes the color away from white */
.navbar-toggler.custom-toggler:hover,
.navbar-toggler.custom-toggler:focus,
.navbar-toggler.custom-toggler:active,
.navbar-toggler.custom-toggler.is-open,
.navbar-toggler.custom-toggler[aria-expanded="true"] {
  color: #fff;
}

/* Default (closed) state */
.navbar-toggler.custom-toggler.collapsed .top,
.navbar-toggler.custom-toggler.collapsed .bottom { transform: none; }
.navbar-toggler.custom-toggler.collapsed .middle { opacity: 1; }

/* OPEN state — any of these triggers will animate it */
.navbar-toggler.custom-toggler.is-open .top,
.navbar-toggler.custom-toggler[aria-expanded="true"] .top,
.navbar-toggler.custom-toggler:not(.collapsed) .top {
transform: translateY(8px) rotate(45deg);
}
.navbar-toggler.custom-toggler.is-open .middle,
.navbar-toggler.custom-toggler[aria-expanded="true"] .middle,
.navbar-toggler.custom-toggler:not(.collapsed) .middle {
opacity: 0;
}
.navbar-toggler.custom-toggler.is-open .bottom,
.navbar-toggler.custom-toggler[aria-expanded="true"] .bottom,
.navbar-toggler.custom-toggler:not(.collapsed) .bottom {
transform: translateY(-8px) rotate(-45deg);
}

/* Optional hover/focus polish */
.navbar-toggler.custom-toggler:focus { 
    outline: none;
    /*box-shadow: 0 0 0 .2rem rgba(0,47,108,.35);*/
    /*box-shadow: 0 0 0 .2rem rgba(237,252,252,1);*/
    /*box-shadow: 0 0 0 .2rem rgba(241,248,240,1);*/
    /*box-shadow: 0 0 0 .2rem rgba(1,192,202,1);*/
    box-shadow: 0 0 0 .1rem rgba(1,155,165,1);
}