/* Platform Store Category Navigation 1.0.0. Scope all rules to this component. */
#stipko-store-category-nav {
    --scn-bg: var(--bs-body-bg, #fff);
    --scn-fg: var(--bs-body-color, #212529);
    --scn-hover: var(--bs-gray-200, #e9ecef);
    --scn-hover-fg: var(--bs-dark, #212529);
    --scn-selected: var(--bs-primary, #0d6efd);
    --scn-selected-fg: #fff;
    background-color: var(--scn-bg) !important;
    color: var(--scn-fg);
    z-index: 1019;
}
#stipko-store-category-nav.scn-docked {
    position: sticky;
    top: var(--scn-main-height, 0px);
}
#stipko-store-category-nav .container-fluid { min-width: 0; }
#stipko-store-category-nav .nav-link,
#stipko-store-category-nav .navbar-toggler {
    color: var(--scn-fg) !important;
    background-color: transparent;
    font: inherit;
    line-height: 1.5;
}
#stipko-store-category-nav button.nav-link { border: 0; width: 100%; }
#stipko-store-category-nav .navbar-toggler { border: 1px solid currentColor; font-size: .95rem; }
#stipko-store-category-nav .nav-link:hover,
#stipko-store-category-nav .navbar-toggler:hover,
#stipko-store-category-nav .dropdown-item:hover,
#stipko-store-category-nav .dropdown-item:focus {
    color: var(--scn-hover-fg) !important;
    background-color: var(--scn-hover);
}
#stipko-store-category-nav .nav-link.active,
#stipko-store-category-nav .nav-link.active:hover,
#stipko-store-category-nav .dropdown-item.active,
#stipko-store-category-nav .dropdown-item.active:hover,
#stipko-store-category-nav .dropdown-item.active:focus {
    color: var(--scn-selected-fg) !important;
    background-color: var(--scn-selected) !important;
}
#stipko-store-category-nav .nav-link:focus-visible,
#stipko-store-category-nav .dropdown-item:focus-visible,
#stipko-store-category-nav .navbar-toggler:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
    box-shadow: none;
}
#stipko-store-category-nav .dropdown-menu {
    min-width: 17rem;
    width: max-content;
    max-width: min(23rem, calc(100vw - 1.5rem));
    max-height: var(--scn-menu-height, 65vh);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(--scn-bg);
    color: var(--scn-fg);
    transform: translateX(var(--scn-menu-shift, 0px));
}
#stipko-store-category-nav .dropdown-item { color: var(--scn-fg); overflow-wrap: anywhere; }
#stipko-store-category-nav .scn-ancestor { text-decoration: underline; text-underline-offset: .2em; }
#stipko-store-category-nav .scn-caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-left: .35em solid transparent;
}
#stipko-store-category-nav .navbar-toggler[aria-expanded="true"] .scn-caret { transform: rotate(180deg); }
@media (max-width: 991.98px) {
    #stipko-store-category-nav .navbar-collapse {
        max-height: max(8rem, calc(100vh - var(--scn-main-height, 0px) - 4rem));
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    #stipko-store-category-nav .dropdown-menu {
        width: 100%;
        min-width: 0;
        max-width: none;
        max-height: none;
        transform: none;
        box-shadow: none !important;
    }
}
/* JS / Bootstrap unavailable: do not leave categories inaccessible. */
#stipko-store-category-nav.scn-fallback .navbar-toggler { display: none !important; }
#stipko-store-category-nav.scn-fallback .navbar-collapse { display: block !important; }
#stipko-store-category-nav.scn-fallback .dropdown-menu { display: block; position: static; transform: none; }
#stipko-store-category-nav.scn-fallback { position: static; }