:root {
    --gin-toolbar-secondary-height: 40px !important;
}

/* Massively raise z-index to avoid collisions with the website. Toolbar should always be on top */
.gin--horizontal-toolbar #toolbar-administration {
    z-index: 64000 !important;
}

.gin-secondary-toolbar {
    z-index: 63000 !important;
    --gin-color-text-light: #a0a0a0;
    --gin-icon-color: #a0a0a0;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab--toolbar-item-user:hover span {
    background-color: #202020 !important;
    color: var(--gin-color-text-light) !important;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab--toolbar-item-user:hover span::before {
    background-color: var(--gin-color-text-light) !important;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray {
    background-color: #202020;
}

/* Add some padding to items in user menu */
.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a {
    padding: 10px;
    color: white;
}

/* Give some left padding to the secondary toolbar to keep it from directly sticking to the outer edge */
.gin-secondary-toolbar--frontend .gin-breadcrumb ol {
    padding-left: 10px;
}

/* Drupal icon is sometimes broken */
#gin-toolbar-bar {
    --icon: url('/themes/gin/dist/media/sprite.svg#gin-view');
}

/* Fixed position for secondary toolbar, non-transparent background */
:root .gin-secondary-toolbar--frontend {
    position: sticky;
    top: var(--gin-toolbar-height);
    width: 100%;
    background-color: black;
}