/* LVLTOP — оболочка страниц в разделе Guides (шапка, сайдбар, крошки) */

.guides-header-nav {
    --gnb-font: 10px;
    --gnb-pad-y: 0.4rem;
    --gnb-pad-x: 0.75rem;
    --gnb-radius: 8px;
    --gnb-gap: 0.4rem;

    display: flex;
    align-items: center;
    gap: var(--gnb-gap);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.guides-nav-group-gap {
    margin-left: 0.35rem;
}

.guides-nav-btn {
    box-sizing: border-box;
    min-height: calc(var(--gnb-font) * 1.3 + var(--gnb-pad-y) * 2 + 2px);
    background: linear-gradient(145deg, #1e2a38, #131923);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #b8d0ff;
    font-size: var(--gnb-font);
    font-weight: 600;
    padding: var(--gnb-pad-y) var(--gnb-pad-x);
    border-radius: var(--gnb-radius);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    line-height: 1.3;
    flex-shrink: 0;
}

.guides-nav-btn:hover,
.guides-nav-btn:focus,
.guides-nav-btn:active,
.guides-nav-btn:visited {
    text-decoration: none !important;
}

.guides-nav-btn--section {
    cursor: default;
    pointer-events: none;
    user-select: none;
    border-color: rgba(255, 255, 255, 0.1);
    color: #9aa8b8;
    background: linear-gradient(145deg, #161c24, #10141a);
}

.guides-nav-btn--rust {
    border-color: rgba(224, 122, 58, 0.45);
    color: #f0b48a;
    background: linear-gradient(145deg, #2a1e18, #161210);
}

.guides-nav-btn--rust:hover,
.guides-nav-btn--rust.guides-nav-btn--active {
    background: #3d2a1f;
    border-color: #e07a3a;
    color: #fff;
}

.guides-nav-btn--l2 {
    border-color: rgba(245, 176, 65, 0.45);
    color: #f5d08a;
    background: linear-gradient(145deg, #2a2418, #161410);
}

.guides-nav-btn--l2:hover,
.guides-nav-btn--l2.guides-nav-btn--active {
    background: #3d321f;
    border-color: #f5b041;
    color: #fff;
}

.guides-nav-btn--guides {
    border-color: rgba(74, 143, 229, 0.35);
    color: #b8d0ff;
    background: linear-gradient(145deg, #1e2a38, #131923);
}

.guides-nav-btn--guides:hover,
.guides-nav-btn--guides.guides-nav-btn--active {
    background: #2a3a50;
    border-color: #4a8fe5;
    color: #fff;
}

.guides-nav-btn--farming {
    border-color: rgba(93, 184, 122, 0.45);
    color: #a8e0b8;
    background: linear-gradient(145deg, #18241c, #101612);
}

.guides-nav-btn--farming:hover,
.guides-nav-btn--farming.guides-nav-btn--active {
    background: #1f3d28;
    border-color: #5db87a;
    color: #fff;
}

@media (max-width: 996px) {
    .guides-header-nav {
        --gnb-font: 9px;
        --gnb-pad-y: 0.36rem;
        --gnb-pad-x: 0.6rem;
        --gnb-gap: 0.35rem;
    }
}

/* —— Layout калькулятора = guides (Docusaurus doc layout) —— */
body[data-page="tea-calculator"] .main-wrapper.tea-docs-shell {
    max-width: none;
    padding: 0;
    width: 100%;
}

body[data-page="tea-calculator"] .tea-docs-wrapper {
    display: flex;
    flex: 1 0 auto;
    width: 100%;
}

body[data-page="tea-calculator"] .tea-doc-root {
    --doc-sidebar-width: 300px;
    display: flex;
    width: 100%;
}

body[data-page="tea-calculator"] .theme-doc-sidebar-container {
    display: none;
}

@media (min-width: 997px) {
    body[data-page="tea-calculator"] .theme-doc-sidebar-container {
        display: block;
        width: var(--doc-sidebar-width);
        margin-top: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.06);
        background: #0a0f14;
        flex-shrink: 0;
        clip-path: inset(0);
    }

    body[data-page="tea-calculator"] .sidebarViewport {
        position: sticky;
        top: 0;
        height: 100%;
        max-height: 100vh;
        overflow-y: auto;
    }

    body[data-page="tea-calculator"] .tea-doc-main-container {
        flex-grow: 1;
        max-width: calc(100% - var(--doc-sidebar-width));
        min-width: 0;
    }
}

body[data-page="tea-calculator"] .tea-doc-main-container {
    display: flex;
    width: 100%;
}

body[data-page="tea-calculator"] .tea-doc-main-container > .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body[data-page="tea-calculator"] .tea-doc-content-col {
    flex: 0 0 100%;
    max-width: 100%;
}

body[data-page="tea-calculator"] .theme-doc-sidebar-menu .menu__list-item-collapsible .menu__link {
    font-weight: 600;
    color: #b8d0ff;
}

body[data-page="tea-calculator"] .menu__link {
    color: #7e8d9f;
    font-size: 14px;
    border-radius: 0;
}

body[data-page="tea-calculator"] .menu__link:hover {
    color: #e8edf3;
    background: rgba(74, 143, 229, 0.08);
}

body[data-page="tea-calculator"] .menu__link--active:not(.menu__link--sublist) {
    color: #e8edf3 !important;
    background: rgba(74, 143, 229, 0.12) !important;
    border-left: 2px solid #4a8fe5;
}

.tea-sidebar-toggle {
    display: none;
    margin-bottom: 0.75rem;
    padding: 0.45rem 0.75rem;
    background: linear-gradient(145deg, #1e2a38, #131923);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #b8d0ff;
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
}

/* —— Хлебные крошки (как в Docusaurus) —— */
.tea-doc-breadcrumbs {
    margin-bottom: 1rem;
}

.tea-doc-breadcrumbs .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: calc(1rem * 0.8);
}

.tea-doc-breadcrumbs .breadcrumbs__item {
    display: inline-flex;
    align-items: center;
}

.tea-doc-breadcrumbs .breadcrumbs__item:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: calc(0.5rem * 1.25);
    height: calc(0.5rem * 1.25);
    margin: 0 0.5rem;
    opacity: 0.5;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><polygon fill='%237e8d9f' points='79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128'/></svg>") center / contain no-repeat;
    filter: invert(64%) sepia(11%) saturate(0%) hue-rotate(182deg) brightness(88%) contrast(86%);
}

.tea-doc-breadcrumbs .breadcrumbs__link {
    display: inline-flex;
    align-items: center;
    padding: calc(0.4rem * 0.8) calc(0.8rem * 0.8);
    border-radius: 1.5rem;
    color: #7e8d9f;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.tea-doc-breadcrumbs a.breadcrumbs__link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #4a8fe5;
    text-decoration: none;
}

.tea-doc-breadcrumbs .breadcrumbs__item--active .breadcrumbs__link {
    background: rgba(255, 255, 255, 0.05);
    color: #4a8fe5;
}

.breadcrumb-home-icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

/* Без подчёркивания ссылок при наведении */
body[data-page="tea-calculator"] a:hover,
body[data-page="tea-calculator"] a:focus {
    text-decoration: none !important;
}

@media (max-width: 996px) {
    body[data-page="tea-calculator"] .tea-doc-root {
        flex-direction: column;
    }

    body[data-page="tea-calculator"] .theme-doc-sidebar-container.is-open {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .tea-sidebar-toggle {
        display: inline-flex;
        align-items: center;
    }
}