/* FSR navigation-dock. */

#md-fsr-theme-nav.md-fsr-dock-nav {
    display: flex;
    gap: 8px;
    margin-left: auto;
    align-items: center;
    min-width: 0;
}

#md-fsr-theme-nav .md-fsr-dock-quick {
    display: flex;
    gap: 7px;
    min-width: 0;
}

#md-fsr-theme-nav .md-fsr-dock-quick a {
    display: inline-block;
    max-width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 13px;
    border-radius: 999px;
    border: 1px solid currentColor;
    color: var(--md-fsr-head-text,#fff) !important;
    font: 600 12px/1.25 system-ui,sans-serif;
    text-decoration: none;
}

#md-fsr-theme-nav.md-fsr-dock-nav .md-fsr-next-disclosure {
    position: relative;
}

#md-fsr-theme-nav.md-fsr-dock-nav summary {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 15px 20px;
    border-radius: 999px;
    background: var(--md-fsr-accent,#bcd99f);
    color: var(--md-fsr-head-bg,#12251b);
    font: 800 13px/1.2 system-ui,sans-serif;
    list-style: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.16);
}

#md-fsr-theme-nav.md-fsr-dock-nav summary::-webkit-details-marker {
    display: none;
}

#md-fsr-theme-nav.md-fsr-dock-nav .md-fsr-next-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 14px);
    width: min(610px,calc(100vw - 26px));
    max-height: min(70vh,650px);
    overflow-y: auto;
    padding: 27px;
    border: 1px solid var(--md-fsr-accent,#bcd99f);
    border-radius: 22px;
    background: var(--md-fsr-foot-bg,#132b21);
    color: var(--md-fsr-foot-text,#fff);
    box-shadow: 0 26px 65px rgba(0,0,0,.28);
}

#md-fsr-theme-nav.md-fsr-dock-nav .md-fsr-next-links {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (max-width: 900px) {
#md-fsr-theme-nav .md-fsr-dock-quick {
        display: none;
    }
}

@media (max-width: 760px) {
#md-fsr-theme-nav.md-fsr-dock-nav .md-fsr-next-panel {
        padding: 19px;
    }

#md-fsr-theme-nav.md-fsr-dock-nav .md-fsr-next-links {
        grid-template-columns: minmax(0,1fr);
    }
}

body.md-fsr-next-locked
#md-fsr-theme-nav.md-fsr-dock-nav {
    position: relative !important;
}

#md-fsr-theme-nav.md-fsr-dock-nav
.md-fsr-next-panel {
    z-index: 2;
}

@media (hover: hover) {
#md-fsr-theme-nav.md-fsr-dock-nav summary:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(0,0,0,.25);
    }
}

#md-fsr-theme-nav.md-fsr-dock-nav
details[open] > summary {
    box-shadow: 0 0 0 3px var(--md-fsr-head-text,#fff);
}

#md-fsr-theme-nav.md-fsr-dock-nav
.md-fsr-dock-quick a {
    transition:
        background-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

@media (hover: hover) {
#md-fsr-theme-nav.md-fsr-dock-nav
    .md-fsr-dock-quick a:hover {
        background-color: color-mix(
            in srgb,
            var(--md-fsr-accent, #d4ff31) 16%,
            transparent
        );
        transform: translateY(-3px);
        box-shadow: 0 6px 16px rgba(0,0,0,.12);
    }
}

#md-fsr-theme-nav.md-fsr-dock-nav
.md-fsr-next-disclosure > summary > span {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    transition: transform .3s ease;
}

#md-fsr-theme-nav.md-fsr-dock-nav
.md-fsr-next-disclosure[open] > summary > span {
    transform: rotate(45deg);
}


/* Dock: keep the site header visible while navigation is open */

body.md-fsr-layout-dock.md-fsr-next-locked {
    overflow: visible !important;
}

body.md-fsr-layout-dock.md-fsr-next-locked .site-header {
    position: sticky !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important;
    z-index: 10030 !important;
}