/* Custom subtle vertical separator ( | ) between navbar items */
.navbar-nav .nav-item:not(:last-child) .nav-link:after {
    content: " | ";
    padding: 0 10px;               /* space left/right of the | — tweak if too close/far */
    color: #6c757d;                /* Bootstrap secondary/gray — subtle on dark background */
    font-weight: normal;
    pointer-events: none;          /* ensures clicking near | doesn't interfere */
}

/* Optional: Make it even lighter/fainter if too visible */
/* color: rgba(255, 255, 255, 0.3); */

/* Alternative style using a border instead of text | (cleaner in some cases) */
/* .navbar-nav .nav-item:not(:last-child) { */
/*     border-right: 1px solid rgba(255,255,255,0.15); */
/*     padding-right: 1rem; */
/* } */
/* .navbar-nav .nav-item:not(:last-child) .nav-link { */
/*     padding-right: 0.5rem; */
/* } */