/* Nav links height */
header .navbar-nav > .nav-item > .nav-link {
    padding: 25px 5px;
    height: 60px;
}

/* Top-level nav items — let the scrollbar container manage overflow normally */
.nav-item.parent-category,
.nav-item.child-category {
    position: relative;
    display: block;
    height: auto;
    overflow: visible;         /* only needed for sub-child flow inside the dropdown */
    white-space: normal;
    padding: 4px;
}

.nav-item.child-category {
    width: 100%;
}

/* The fixed-positioned top-level dropdown */
.child-categories {
    list-style: none;
    padding: 8px 0;
    margin: 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    /* position & top/left set by JS */
    overflow: visible;         /* allow sub-child-categories to flow */
}

/* Sub-levels flow naturally inside the fixed dropdown */
.sub-child-categories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: #fff;
    width: 100%;
    overflow: visible;
}

/* Indentation levels */
.child-category.level-1 .nav-link { padding-left: 16px  !important; }
.child-category.level-2 .nav-link { padding-left: 32px  !important; }
.child-category.level-3 .nav-link { padding-left: 48px  !important; }

/* ── REMOVED: the overflow overrides on nav-scrollbar-inner / nav-mobile-body ── */
/* Those are no longer needed because the dropdown is position:fixed            */