#p3x-gitlist-navigation-brand-icon {
    width: $navbar-height;
    height: $navbar-height;
    display: inline-block;
    transform: scale(0.75);
    vertical-align: middle;
}

.p3x-gitlist-navigation-brand-icon-small {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

.p3x-gitlist-light {
    #p3x-gitlist-navigation-brand-icon {
        filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
    }
}

.p3x-gitlist-dark {
    #p3x-gitlist-navigation-brand-icon {
        filter: drop-shadow(2px 2px 2px rgba(255, 255, 255, 0.2));
    }
}


#p3x-gitlist-navigation-menu-button:hover {
    transition-duration: 250ms;
    transition-property: transform;
    transform: scale(1.1) rotate(360deg);
}

#theme-list,
#p3x-gitlist-language-list {
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
}

// Make collapsed navbar scrollable on small screens
@media only screen and (max-width: 991px) {
    #p3x-gitlist-navigation-theme {
        max-height: calc(100vh - 60px);
        overflow-y: auto;

        // Disable dropdown's own scroll - let navbar container scroll instead
        #theme-list,
        #p3x-gitlist-language-list {
            max-height: none !important;
            overflow-y: visible !important;
        }
    }
}