/* Lock page scroll when dropdown is open */
html.nlh-ymm-open, body.nlh-ymm-open {
    overflow: hidden !important;
    height: 100%;
}

/* Ensure the dropdown appears as an overlay, preventing page stretching and header height increase */
.nlh-ymm-panel-overlayed {
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    border-radius: 6px;
    position: absolute !important;  /* Absolute positioning to avoid layout shifts */
    top: 104%;  /* Place directly below the trigger */
    left: 0;
    width: 102%;
    max-height: calc(100vh - 120px);
    overflow: auto;
    display: none;  /* Hidden by default, revealed by JS */
    z-index: 9999;  /* Ensure dropdown is above other content */
}

/* Additional fix to prevent page stretching and keep header unaffected */
#nlh-ymm-panel[data-overlay="1"] {
    position: absolute !important;
    top: 104% !important;
    left: 0;
    right: 0;
    z-index: 9999;
    display: block;
}