/* The global button rule hides text at -9999px and shrinks buttons.
   Reset those properties only for the navigation toggle. */
.header .navbar-toggler {
    text-indent: 0;
    width: 44px;
    height: 44px;
    padding: 10px;
    line-height: 1;
    box-sizing: border-box;
    background-color: #fff;
}

/* Explicit menu bars keep the toggle visible without Bootstrap's SVG variable. */
.header .navbar-toggler .navbar-toggler-icon {
    text-indent: 0;
    width: 24px;
    height: 24px;
    background-image:
        linear-gradient(#374d97, #374d97),
        linear-gradient(#374d97, #374d97),
        linear-gradient(#374d97, #374d97);
    background-size: 24px 2px, 24px 2px, 24px 2px;
    background-position: center 4px, center 11px, center 18px;
    background-repeat: no-repeat;
}