/* RapiDoc shadow DOM дотор inject — RapiDoc дотоод CSS variable ашиглан theme-agnostic */

/* POST method өнгө — тайлант он/сарын шартай ижил */
:host {
    --green: var(--yellow-500);
    --light-green: var(--yellow-100);
    --nav-post-color: var(--yellow-500);
}

/* Scrollbar — nav + main content */
.section-navbar, .nav-scroll, .nav-bar-tag, .nav-bar-tag-and-paths,
#main-content-scroll, .main-content {
    scrollbar-color: var(--border-color) var(--bg);
}
.section-navbar::-webkit-scrollbar, .nav-scroll::-webkit-scrollbar,
.nav-bar-tag::-webkit-scrollbar, .nav-bar-tag-and-paths::-webkit-scrollbar,
#main-content-scroll::-webkit-scrollbar, .main-content::-webkit-scrollbar {
    width: 8px; height: 8px;
}
.section-navbar::-webkit-scrollbar-track, .nav-scroll::-webkit-scrollbar-track,
.nav-bar-tag::-webkit-scrollbar-track, .nav-bar-tag-and-paths::-webkit-scrollbar-track,
#main-content-scroll::-webkit-scrollbar-track, .main-content::-webkit-scrollbar-track {
    background: var(--bg);
}
.section-navbar::-webkit-scrollbar-thumb, .nav-scroll::-webkit-scrollbar-thumb,
.nav-bar-tag::-webkit-scrollbar-thumb, .nav-bar-tag-and-paths::-webkit-scrollbar-thumb,
#main-content-scroll::-webkit-scrollbar-thumb, .main-content::-webkit-scrollbar-thumb {
    background: var(--border-color); border-radius: 4px;
}
.section-navbar::-webkit-scrollbar-thumb:hover, .nav-scroll::-webkit-scrollbar-thumb:hover,
.nav-bar-tag::-webkit-scrollbar-thumb:hover, .nav-bar-tag-and-paths::-webkit-scrollbar-thumb:hover,
#main-content-scroll::-webkit-scrollbar-thumb:hover, .main-content::-webkit-scrollbar-thumb:hover {
    background: var(--fg3);
}

/* Nav tag нэр — жижиг, бүдэг */
.nav-bar-tag.left-bar {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--fg3) !important;
}