/* Genre dropdown — keep Blocksy's default single-column styling (like Merch & Gear, In House Releases),
   add scrollbar when the genre list exceeds viewport height.
   Scoped via the `menu-genre` class injected in functions.php on the top-level "Genre" navbar item. */

.ct-header [data-id=menu] .menu-genre > .sub-menu {
    max-height: 420px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
}

.ct-header [data-id=menu] .menu-genre > .sub-menu::-webkit-scrollbar {
    width: 8px;
}
.ct-header [data-id=menu] .menu-genre > .sub-menu::-webkit-scrollbar-track {
    background: transparent;
}
.ct-header [data-id=menu] .menu-genre > .sub-menu::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}
.ct-header [data-id=menu] .menu-genre > .sub-menu::-webkit-scrollbar-thumb:hover {
    background: #777;
}

/* Match dropdown link text size to navbar (Blocksy: navbar 14px, dropdown default 12px). */
.ct-header [data-id=menu] .sub-menu .ct-menu-link {
    --theme-font-size: 14px;
    font-size: 14px !important;
}