/* Dropdown menu styles */
.header-menu-group-container {
    position: relative;
    display: inline-block;
}

.header-menu-group-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 1000;
    padding: 8px 0;
}

.header-menu-group-container:hover .header-menu-group-dropdown {
    display: block;
}

.header-menu-group-block-link {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.header-menu-group-block-link:hover {
    background-color: #f5f5f5;
}

#header-wrapper {
    background-color: var(--club-header-bg-color);
    color: var(--club-header-font-color);
}

#header-wrapper .header-navigation-menu a.header-menu-item,
#header-wrapper .header-navigation-extras a,
#header-wrapper .header-navigation-extras .header-navigation-extras-icon,
#header-wrapper .header-navigation-catalogue-mobile-wrapper a {
    color: var(--club-header-font-color);
}

#header-wrapper .header-navigation-menu a.header-menu-item:hover,
#header-wrapper .header-navigation-extras a:hover,
#header-wrapper .header-navigation-extras .header-navigation-extras-icon:hover,
#header-wrapper .header-navigation-catalogue-mobile-wrapper a:hover {
    color: var(--club-header-font-color-hover);
}

#header-wrapper .header-navigation-extras #header-navigation-extras-menu-mobile {
    border-color: var(--club-header-font-color);
}

#header-wrapper .header-navigation-extras #header-navigation-extras-menu-mobile svg path {
    fill: var(--club-header-font-color);
}


@media screen and (max-width: 950px) {
    #header-wrapper .header-navigation-extras .header-navigation-extras-account-link {
        display: block;
    }

}