/*
button.navbar-toggler, button.navbar-toggler:hover{
    border: var(--bs-border-width) solid #fff;
}
*/
.navbar-toggler-icon {
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ------------------------------------------------------------------
   Shared top-nav styling. Moved here (menu.css is loaded globally by
   base.html on EVERY page) because these rules previously lived only in
   upload.css - so pages that do not load upload.css (the Library) lost
   the nav color and fell back to Bootstrap's default link blue. Kept
   byte-identical to the upload.css copy so pages that still load
   upload.css render unchanged (that copy loads later and wins there).
   ------------------------------------------------------------------ */
.navbar-brand {
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    color: var(--text-primary);
    font-size: 1.75rem;
    margin: 0;
    padding: 0;
}
.nav-link {
    color: #a9b6c4;
    transition: color 0.2s ease;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
}
.nav-link:hover {
    color: var(--text-primary);
}
.nav-link.active {
    color: var(--text-primary);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.25rem;
}
.user-welcome {
    color: #a9b6c4;
    font-weight: 500;
}