/* POS-only navigation behavior. The shared theme still owns its appearance. */
html.page-pos [data-pos-site-header] .navigation > ul li.nav-logo .main-logo {
    width: auto;
    gap: 12px;
    flex-shrink: 0;
}
html.page-pos [data-pos-site-header] .navigation > ul li.nav-logo .main-logo img {
    width: calc(var(--logoWidth, 250px) - 58px);
}
html.page-pos [data-pos-site-header] .bl-pos__logo-product {
    color: #91c96b;
    border-left: 1px solid currentColor;
    padding-left: 12px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .02em;
}
@media (max-width: 1023px) {
    html.page-pos [data-pos-site-header] .navigation > ul li.nav-logo > div {
        transform: none;
        overflow: visible;
    }
    html.page-pos [data-pos-site-header] .navigation > ul li.nav-logo .main-logo img {
        width: 190px;
    }
}
html.page-pos .content-section > [data-pos-site-header] > .header {
    transform: none;
    border-bottom: var(--layoutBorderWidth) solid transparent;
    transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease;
}
html.page-pos .content-section [data-pos-site-header] .header .header-content .navigation > ul > li > a {
    transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease;
}
html.page-pos .content-section [data-pos-site-header] .header .header-content .navigation > ul > li > a > .top-link {
    color: inherit;
}

/* Reuse the theme's scroll state, with a dark header in every page color mode. */
html.page-pos:is(.not-top, .stick-header) .content-section > [data-pos-site-header] > .header {
    --pos-text: #fff;
    --foreColor: #fff;
    --subColor: #fff;
    background: #000;
    border-bottom-color: var(--layoutBorderColor);
    color: #fff;
}
html.page-pos:is(.not-top, .stick-header) .content-section [data-pos-site-header] .header .header-content .navigation > ul > li > a {
    color: #fff;
}
html.page-pos:is(.not-top, .stick-header) .content-section [data-pos-site-header] .header .header-content .navigation > ul.actions-area > li:last-child > a.btn {
    background: #eee;
    border-color: #eee;
    color: #111;
}
html.page-pos:is(.not-top, .stick-header) .content-section [data-pos-site-header] .header .header-content .navigation > ul.actions-area > li:last-child > a.btn:hover {
    background: #fff;
    border-color: #fff;
}
html.page-pos:is(.not-top, .stick-header) [data-pos-site-header] .main-logo [show-mode="dark"] {
    display: block;
}
html.page-pos:is(.not-top, .stick-header) [data-pos-site-header] .main-logo [show-mode="lite"] {
    display: none;
}
html.page-pos:is(.not-top, .stick-header):not(.show-navigation) [aria-controls="pos-mobile-navigation"] .hamburger span {
    background: #f3f3f4;
}

/* One persistent menu, with section links landing below its measured height. */
html.page-pos #blackleaf-pos {
    --pos-header-offset: var(--pos-site-header-height, 90px);
    --pos-nav-height: 0px;
}

html.page-pos #blackleaf-pos .bl-pos__page-nav {
    display: none;
}