/* ============================================================================
   Documentation Navigation Component
   Shared component for documentation sidebar navigation
   ============================================================================ */

/* Sidebar Components */
.docs-sidebar-header {
    margin-bottom: var(--spacing-4);
    padding-bottom: var(--spacing-3);
    border-bottom: var(--border-width-2) solid var(--color-gray-300);
}

.docs-sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.docs-sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.docs-sidebar-nav li {
    margin-bottom: var(--spacing-2);
}

.docs-sidebar-nav ul li {
    padding-left: var(--spacing-3);
}

.docs-sidebar-item {
    display: block;
    color: var(--color-accent);
    text-decoration: none;
}

.docs-sidebar-item:hover {
    color: var(--color-accent-dark);
    text-decoration: underline;
}

.docs-sidebar-item.active {
    font-weight: var(--font-weight-bold);
}

/* Category sections in sidebar */
.docs-sidebar-category {
    margin-bottom: var(--spacing-4);
}

.docs-sidebar-category-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-2);
}

/* Prevent text-transform inheritance for lowercase elements */
.lowercase-text {
    text-transform: none !important;
}