/* Bootstrap Documentation Style ScrollSpy Navigation */

/* Remove underline from links in all states */
.sidebar-fixed a:link,
.sidebar-fixed a:active,
.sidebar-fixed a:visited {
    text-decoration: none;
}

/* Fixed sidebar - stays in place while scrolling */
.content-col {
    margin-right: 25%;
}

.sidebar-fixed {
    position: fixed;
    top: 210px;
    right: 0;
    width: 25%;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding-left: 0.25rem;
}

/* Sidebar heading */
.sidebar-heading {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(33, 37, 41, 0.65);
    padding: 0.25rem 0.5rem 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
    display: inline-block;
}

/* Nav link styling - clean minimal look matching Bootstrap docs */
.sidebar-fixed .nav-link {
    color: #6c757d;
    border-left: 1px solid transparent;
    padding: 0.1875rem 0.5rem;
    font-size: 0.875rem;
    transition: all 0.15s ease-in-out;
    background: transparent;
    border-radius: 0;
    border-bottom: none;
}

.sidebar-fixed .nav-link:hover {
    color: rgba(var(--bs-link-color-rgb), 0.75);
    background-color: transparent;
    border-bottom: none;
}

.sidebar-fixed .nav-link.active {
    font-weight: 600;
    color: #0d6efd;
    border-left-color: #0d6efd;
    background-color: transparent;
    border-bottom: none;
}

/* Nested nav links */
.sidebar-fixed .nav .nav {
    padding-left: 0;
}

.sidebar-fixed .nav .nav .nav-link {
    padding-left: 1.5rem;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    font-size: 0.8125rem;
}

/* Scrollbar styling - minimal and clean */
.sidebar-fixed {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}

.sidebar-fixed::-webkit-scrollbar {
    width: 5px;
}

.sidebar-fixed::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-fixed::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.sidebar-fixed::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Responsive: stack on small screens */
@media (max-width: 991.98px) {
    .sidebar-fixed {
        position: static;
        width: auto;
        max-height: none;
    }
    .content-col {
        margin-right: 0;
    }
}