/* === Sidebar === */

.va-sidebar {
    position: fixed;
    top: var(--header-height);
    bottom: 0;
    box-sizing: border-box;
    width: var(--sidebar-width) !important;
    padding-top: 20px;
    overflow: auto;
    background-color: var(--surface);
    border-right: 1px solid var(--border);
}

/* Navigation */

.uk-nav-header,
.uk-nav {
    font-size: 1rem;
}

.uk-nav-header {
    color: var(--text-primary);
}

.uk-nav-default > li > a,
.uk-nav-default .uk-nav-sub a {
    color: var(--text-muted);
}

.uk-nav-default > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.uk-nav-default > li > a:hover,
.uk-nav-default .uk-nav-sub a:hover {
    color: var(--hover);
}

.uk-nav-default > li.uk-active > a,
.uk-nav-default .uk-nav-sub li.uk-active > a {
    color: var(--accent);
}


/* Mobile Navigation */

.uk-offcanvas-bar {
    background: var(--surface-inverse);
    color: var(--text-inverse);
}

.uk-offcanvas-bar .uk-nav-header {
    color: var(--text-inverse);
}

.uk-offcanvas-bar .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
    color: var(--text-inverse);
}

.uk-offcanvas-bar .uk-nav-default > li.uk-active > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
    color: var(--text-inverse-muted);
}

.uk-offcanvas-bar .uk-text-meta {
    color: var(--text-inverse-muted);
}