﻿/*
 * LLU 5.4.28 – inner navigation sticky repair.
 *
 * 5.4.23 used overflow-x:hidden directly on the sticky navigation element.
 * Browsers may then treat that element as an overflow container and sticky
 * positioning can stop behaving as intended. Keep clipping horizontal only,
 * but do not create a vertical scrolling container.
 */

.llu-scroll-nav--inner,
.llu-scroll-nav--inner.is-stuck {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;

    /* "clip" does not establish a scrolling box like hidden does. */
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Fallback for browsers that ignore overflow:clip:
   sticky remains valid because unsupported clip is ignored. */
@supports not (overflow: clip) {
    .llu-scroll-nav--inner,
    .llu-scroll-nav--inner.is-stuck {
        overflow: visible !important;
    }
}

/* The Control-Center menu itself uses the same sticky host. */
.pmp-controlcenter-shell .pmp-cc-menubar.llu-scroll-nav--inner,
.pmp-controlcenter-shell .pmp-cc-menubar.llu-scroll-nav--inner.is-stuck {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
}
