@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poiret+One&display=swap');

/* Переменные */

:root {
    --main-font: 'Montserrat', sans-serif; /* Основной шрифт */
    --second-font: 'Poiret One', sans-serif; /* Доп. шрифт */
    --accent-color:#261D49;
    --color-1:#F4C44D; /* желтый */
    --color-2:#EE842B; /* оранжевый */
    --color-3:#4D2D5B; /* сиреневый */
    --light-font-color:#fff;
    --dark-font-color-1:#141438;
    --dark-font-color-2:#535353;
    --btn-radius:3px;
}

.gc-account-leftbar .gc-account-user-menu li a {
    display: table;
    width: 55px;
    height: 50px;
    margin: 5px auto;    
}

.gc-account-leftbar .notify-count {
    bottom: 5px!important;
    top: unset!important;
    height: 20px;
    width:25px!important;
}

.menu-item-profile .menu-item-icon {
    border-radius:100px;
    border:2px solid var(--color-1);
    margin-top: 5px;
}

/*.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a
{
    background:var(--dop-color-1)!important;
    transition: all .3s;
    border-radius:10px;
}*/


.gc-account-leftbar .gc-account-user-menu li:hover a img:not(.menu-item-profile a img),
.gc-account-leftbar .gc-account-user-menu li.active a img:not(.menu-item-profile a img),
.gc-account-leftbar .gc-account-user-menu li.selected a img:not(.menu-item-profile a img) {
    -webkit-filter: brightness(0) saturate(100%) invert(82%) sepia(76%) saturate(708%) hue-rotate(320deg) brightness(104%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(82%) sepia(76%) saturate(708%) hue-rotate(320deg) brightness(104%) contrast(91%));
}

/*подменю*/
.gc-account-user-submenu-bar h3 {
    font-family: var(--second-font)!important;
    text-transform: uppercase;
    font-weight:700;
    }

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-weight: 500;
}

.gc-account-user-submenu-bar.gc-account-user-submenu-bar-profile .user-balance,
.gc-account-user-submenu li:last-child a {
    color:var(--dark-font-color-1)!important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
}


.gc-account-user-submenu-bar .gc-account-user-submenu li:not(.gc-account-user-submenu-bar-favorite li) a:hover {
    background: transparent!important;
    color: var(--color-1);
    z-index: 1;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li:not(.gc-account-user-submenu-bar-favorite li)::after {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    background: #fff;
    top:0;
    left:0;
    z-index: 0;
    transition: all .3s;
}


html .gc-account-user-submenu-bar .gc-account-user-submenu li:not(.gc-account-user-submenu-bar-favorite li):hover::after {
    width: 100%;
}

@media (max-width: 768px) {
    .gc-page-nav-items-menu a {
       background: var(--accent-color)!important;
    }
}