/* =========================================================
   GETCOURSE — БОКОВОЕ МЕНЮ
   CLEAN FINAL
========================================================= */

/* =========================================================
   ОСНОВА
========================================================= */

.gc-account-leftbar,
.gc-account-leftbar.expanded,
.gc-account-leftbar .gc-account-user-menu,
.gc-account-leftbar .toggle-link{
    background:#9DB878!important;
}


/* =========================================================
   ПУНКТЫ
========================================================= */

.gc-account-leftbar .gc-account-user-menu li{
    position:relative!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
}

.gc-account-leftbar .gc-account-user-menu li>a{
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    text-decoration:none!important;
    transition:background .2s ease!important;
}

.gc-account-leftbar .gc-account-user-menu li>a:hover{
    background:rgba(86,107,61,.28)!important;
}

.gc-account-leftbar .gc-account-user-menu li.active>a,
.gc-account-leftbar .gc-account-user-menu li.selected>a{
    background:#7F9E5D!important;
}

.gc-account-leftbar .gc-account-user-menu li.active:before,
.gc-account-leftbar .gc-account-user-menu li.selected:before{
    content:"";
    position:absolute;
    z-index:5;
    top:5px;
    bottom:5px;
    left:0;
    width:4px;
    background:#fff;
    border-radius:0 4px 4px 0;
}


/* =========================================================
   ОБЫЧНЫЕ ПУНКТЫ
   Работаем по реальной структуре GetCourse
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a.with-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:60px!important;
    min-height:60px!important;

    padding:4px 2px!important;
    gap:2px!important;

    font-size:0!important;
    color:#fff!important;
}


/* Старые псевдоэлементы не используем */

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a:before,
.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a:after{
    display:none!important;
    content:none!important;
}


/* =========================================================
   ИКОНКИ
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a.with-label>img.menu-item-icon{
    position:static!important;

    display:block!important;

    width:22px!important;
    height:22px!important;

    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;

    margin:0!important;
    padding:0!important;

    object-fit:contain!important;

    transform:none!important;
}


/* =========================================================
   ПОДПИСИ
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a.with-label>.menu-item-label{
    position:static!important;

    display:block!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    font-family:"Manrope",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.05!important;
    font-weight:500!important;

    color:#fff!important;

    text-align:center!important;
    white-space:nowrap!important;

    transform:none!important;
}


/* =========================================================
   ПОИСК
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li.menu-item-search>a.with-label>img.menu-item-icon{
    content:url("https://fs.getcourse.ru/fileservice/file/download/a/758056/sc/140/h/2f3666698d0c48c3a62a11df35b5ab07.png")!important;

    width:22px!important;
    height:22px!important;

    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;

    margin:0!important;

    object-fit:contain!important;

    filter:none!important;

    opacity:1!important;
    visibility:visible!important;
}


/* =========================================================
   СЧЁТЧИКИ
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a.with-label>.notify-count,
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small>a>.notify-count{
    position:absolute!important;

    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:20px!important;
    height:20px!important;

    margin:0!important;
    padding:0 5px!important;

    font-family:"Manrope",Arial,sans-serif!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:500!important;

    color:#566B3D!important;
    background:#F5D9AA!important;

    border:0!important;
    border-radius:999px!important;

    box-shadow:none!important;

    transform:none!important;
}

.gc-account-leftbar
.gc-account-user-menu
li:not(.menu-item-profile)>a.with-label>
.notify-count[style*="display: none"]{
    display:none!important;
}


/* =========================================================
   АВАТАР
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
.menu-item-profile img{
    width:58px!important;
    height:58px!important;

    padding:0!important;

    object-fit:cover!important;

    background:#fff!important;

    border:3px solid #fff!important;
    border-radius:50%!important;

    box-sizing:border-box!important;
}


/* =========================================================
   SUBMENU
========================================================= */

.gc-account-leftbar .gc-account-user-submenu-bar{
    background:#F8FBF2!important;
    border:0!important;
    box-shadow:6px 0 20px rgba(78,87,72,.08)!important;
}

.gc-account-user-submenu-bar h3{
    font-family:"Anticva",Georgia,serif!important;
    color:#657D46!important;
}

.gc-account-user-submenu-bar
.gc-account-user-submenu li a{
    font-family:"Manrope",Arial,sans-serif!important;
    color:#4E5748!important;
    background:transparent!important;
    text-decoration:none!important;
}

.gc-account-user-submenu-bar
.gc-account-user-submenu li a:hover{
    color:#566B3D!important;
    background:#E9F0DB!important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .gc-account-leftbar
    .gc-account-user-menu
    li:not(.menu-item-profile)>a.with-label{
        height:58px!important;
        min-height:58px!important;
        padding:3px 2px!important;
        gap:2px!important;
    }

    .gc-account-leftbar
    .gc-account-user-menu
    li:not(.menu-item-profile)>a.with-label>img.menu-item-icon{
        width:20px!important;
        height:20px!important;

        min-width:20px!important;
        min-height:20px!important;
        max-width:20px!important;
        max-height:20px!important;
    }

    .gc-account-leftbar
    .gc-account-user-menu
    li:not(.menu-item-profile)>a.with-label>.menu-item-label{
        font-size:11px!important;
    }

    .gc-account-leftbar
    .gc-account-user-menu
    li.menu-item-search>a.with-label>img.menu-item-icon{
        width:20px!important;
        height:20px!important;

        min-width:20px!important;
        min-height:20px!important;
        max-width:20px!important;
        max-height:20px!important;
    }

    .gc-account-leftbar
    .gc-account-user-menu
    li:not(.menu-item-profile)>a.with-label>.notify-count,
    .gc-account-leftbar
    .gc-account-user-menu
    li.menu-item-notifications_button_small>a>.notify-count{
        top:6px!important;
        right:6px!important;

        min-width:18px!important;
        height:18px!important;

        padding:0 4px!important;

        font-size:8px!important;
    }

    .gc-account-leftbar
    .gc-account-user-menu
    .menu-item-profile img{
        width:52px!important;
        height:52px!important;
    }
}

/* =========================================================
   FIX — УВЕДОМЛЕНИЯ КАК ОСТАЛЬНЫЕ ПУНКТЫ
========================================================= */

.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small{
    width:100%!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;
}

/* Ссылка */
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small > a{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:60px!important;
    min-height:60px!important;

    margin:0!important;
    padding:4px 2px!important;

    gap:2px!important;

    box-sizing:border-box!important;

    background:transparent!important;
}

/* Убираем всё старое вокруг иконки */
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small > a:before,
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small > a:after{
    display:none!important;
    content:none!important;
}

/* Настоящая иконка */
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small
img.menu-item-icon{
    position:static!important;

    display:block!important;

    width:22px!important;
    height:22px!important;

    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;

    margin:0!important;
    padding:0!important;

    object-fit:contain!important;

    transform:none!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;

    filter:none!important;
}

/* Скрытый счётчик */
.gc-account-leftbar
.gc-account-user-menu
li.menu-item-notifications_button_small
.notify-count[style*="display: none"]{
    display:none!important;
}


/* =========================================================
   ЛОГО И ВЕРХНИЕ ОТСТУПЫ
   Тренинги, подтренинги, список уроков, уроки, профиль, мой профиль.
   Логотип берём в оригинальном размере (600×150), чтобы
   не было мыла, и обрезаем прозрачные поля картинки
   (рисунок в файле: x 113–487, y 7–131), чтобы лого
   стояло ровно по левому краю контента. Если логотип поменяют в настройках
   аккаунта — обновить ссылку ниже.
   ========================================================= */

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) a.logo-link{
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
}

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) a.logo-link img{
    display:block!important;
    width:210px!important;
    height:70px!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:-99999px 0!important;
    background:url("https://fs.getcourse.ru/fileservice/file/download/a/758056/sc/60/h/b3974a80c77438916dfff1570705da60.png") -63px -4px/336px auto no-repeat!important;
}

/* лого: убираем лишний воздух */
body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .gc-account-logo{
    margin:0 0 16px!important;
}

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .standard-logo{
    height:auto!important;
    margin:14px 0 16px!important;
}

/* пустые хлебные крошки на главной */
body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .empty-breadcrumbs{
    display:none!important;
}

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .breadcrumb{
    margin:0 0 6px!important;
}

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .page-header{
    margin-top:6px!important;
    margin-bottom:14px!important;
}

body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) .page-header h1{
    margin-top:0!important;
    margin-bottom:12px!important;
}

@media(max-width:768px){
    body:is([class*="page-control_stream"],.page-control_lesson-view,.page-profile-index,.page-profile-my) a.logo-link img{
        width:180px!important;
        height:60px!important;
        background-position:-54px -3px!important;
        background-size:288px auto!important;
    }
}

/* =========================================================
   МОБИЛЬНЫЙ: БЕЗ ГОРИЗОНТАЛЬНОГО «ПЛАВАНИЯ» СТРАНИЦЫ
   На iPhone страница двигалась вбок из-за элементов,
   выходящих за экран (в т.ч. невидимой служебной кнопки
   GetCourse .footer-badge справа за краем экрана).
   Обрезаем всё, что шире экрана, по горизонтали.
   ========================================================= */
@media(max-width:768px){
    html,
    body{
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    @supports (overflow:clip){
        html,
        body{
            overflow-x:clip!important;
        }
    }

    .footer-badge{
        left:auto!important;
        right:0!important;
        max-width:100%!important;
    }
}

/* =========================================================
   СУБЛОГИН: АВАТАРКА ПРОФИЛЯ КЛИКАБЕЛЬНА ЦЕЛИКОМ
   В режиме сублогина GetCourse кладёт поверх аватарки
   картинку пользователя (.sub-icon). Она перехватывала клик,
   и меню профиля открывалось только по верхней полоске.
   Делаем картинку «прозрачной» для клика и ставим ровно
   поверх основной аватарки.
   ========================================================= */
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile > .sub-icon{
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
}

/* =========================================================
   СЧЁТЧИКИ В ВЫПАДАЮЩИХ МЕНЮ (Сообщения → Входящие и др.)
   — тот же бежевый, что у счётчиков в основном меню,
   вместо красного GetCourse
   ========================================================= */
.gc-account-user-submenu-bar .gc-account-user-submenu .notify-count,
.gc-account-user-submenu-bar .notify-count{
    background:#F5D9AA!important;
    color:#566B3D!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:none!important;
    text-shadow:none!important;
    font-weight:600!important;
}

/* =========================================================
   ПОИСК УБРАН ИЗ ЛЕВОГО МЕНЮ
   Скрываем пункт «Поиск» и его выпадающую панель
   (на десктопе и в мобильном меню)
   ========================================================= */
.gc-account-leftbar .gc-account-user-menu > li.menu-item-search,
.gc-account-leftbar li.menu-item-search,
.gc-account-user-submenu-bar-search,
.gc-account-user-submenu-bar[class*="search"]{
    display:none!important;
}

/* обновлено 2026-09-25T14:57:34 */