/* ============================
   levoe-menu.css — Левое меню
   ============================ */

/*
   Иконки хранятся на файловом хранилище.
   Шаблон ссылки: https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/{hash}
   Маппинг: icons/icon-mapping.md (прод), icons/icon-mapping-test.md (тест)
   Текущий режим: продуктовый

   Примечание по маппингу пунктов меню:
   Студенческое меню:
     menu-item-notifications_button_small = Уведомления (колокол)
     menu-item-notifications              = Поддержка (смайл)
   Меню администратора:
     menu-item-notifications              = Сообщения
     menu-item-user                       = Поддержка (переименован)
*/

.gc-main-content {
    background-color: #F1F2F4;
    min-height: 100vh;
}

/* Фон самого leftbar — платформа красит его тёмным,
   перекрашиваем в белый чтобы не светился снизу */
.gc-account-leftbar {
    background: #ffffff !important;
    min-width: 80px;
}

/* Скрываем гамбургер-кнопку */
.toggle-link.without-icon {
    display: none;
}

/* ==========================================
   ПРАВАЯ ПАНЕЛЬ — фиксируем правее левой колонки.
   Платформа использует position:absolute + left:70px,
   мы переопределяем через  left:80px.
   ========================================== */

.gc-account-user-submenu-bar {
    left: 80px !important;
    top: 0 !important;
    height: 100% !important;
    width: auto !important;
    min-width: 200px;
    background: #F0F2F5 !important;
    padding: 24px 0;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 999;
}

.gc-account-user-submenu-bar > div {
    padding: 0 24px 20px;
}

.gc-account-user-submenu-bar h3 {
    font-size: 22px;
    font-weight: 400;
    color: #1A2138;
    margin: 0;
    padding: 0;
    font-family: inherit;
}

/* ==========================================
   ЛЕВАЯ УЗКАЯ КОЛОНКА — ul.gc-account-user-menu
   Переопределяем сайтовые стили через !important
   ========================================== */

ul.gc-account-user-menu {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    list-style: none !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

ul.gc-account-user-menu .menu-item {
    width: 100% !important;
    max-width: 80px !important;
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
}

ul.gc-account-user-menu .menu-item.selected {
    background: #F1F2F4 !important;
}

ul.gc-account-user-menu:not(:has(.menu-item.selected)) .menu-item.active {
    background: #F1F2F4 !important;
}

ul.gc-account-user-menu .menu-item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 10px 6px !important;
    text-decoration: none !important;
    color: #404858 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: color 0.2s !important;
    background: transparent !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 70px;
}

ul.gc-account-user-menu .menu-item > a:hover {
    color: #4A90D9 !important;
    background: transparent !important;
}

ul.gc-account-user-menu .menu-item.active > a,
ul.gc-account-user-menu .menu-item.selected > a {
    color: #4A90D9 !important;
    background: transparent !important;
}

/* Счётчики уведомлений — бейдж поверх иконки */
ul.gc-account-user-menu .menu-item > a {
    position: relative !important;
}

ul.gc-account-user-menu .notify-count, ul.gc-account-user-menu .notify-count.with-label {
    top: 6px !important;
    right: 10px !important;
    left: auto;
    min-width: 18px;
    width: auto;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}

/* ==========================================
   ПРОФИЛЬ — особая стилизация (только в левой колонке)
   ========================================== */

ul.gc-account-user-menu .menu-item-profile {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    margin-bottom: 4px !important;
    border-bottom: 1px solid #EDF1F7 !important;
    background: transparent !important;
}

ul.gc-account-user-menu .menu-item-profile > a {
    padding: 8px 6px 0 !important;
    align-items: center !important;
}

/* Фото пользователя — показываем, делаем круглым */
ul.gc-account-user-menu .menu-item-profile .menu-item-icon {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: solid 8px #F1F2F4;
    box-sizing: content-box;
    padding: 5px;
}

/* Скрываем заглушку-силуэт (sub-icon), если есть реальное фото */
ul.gc-account-user-menu .menu-item-profile .sub-icon {
    display: none !important;
}

/* Заменяем стандартную заглушку платформы на наш Profile.svg */
ul.gc-account-user-menu .menu-item-profile .menu-item-icon[src*="default_profile"] {
    content: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/51/h/a65cc386455a87f20f434b16525af823.svg');
    border: none !important;
    padding: 0 !important;
}

/* ==========================================
   КАСТОМИЗИРОВАННЫЕ ПУНКТЫ (заменяем иконку и подпись)

   Принцип: скрываем original <img> только у них,
   добавляем ::before (маска) и ::after (подпись).
   Остальные пункты не трогаем — у них остаётся
   оригинальная иконка и подпись платформы.
   ========================================== */

/* Скрываем оригинальный img только у кастомизированных пунктов ЛЕВОЙ КОЛОНКИ */
ul.gc-account-user-menu .menu-item-search .menu-item-icon,
ul.gc-account-user-menu .menu-item-teach .menu-item-icon,
ul.gc-account-user-menu .menu-item-notifications_button_small .menu-item-icon,
ul.gc-account-user-menu .menu-item-notifications .menu-item-icon,
ul.gc-account-user-menu .menu-item-sales .menu-item-icon,
ul.gc-account-user-menu .menu-item-chatium .menu-item-icon {
    display: none !important;
}

/* Базовые стили иконки-маски (только левая колонка) */
ul.gc-account-user-menu .menu-item-search > a::before,
ul.gc-account-user-menu .menu-item-teach > a::before,
ul.gc-account-user-menu .menu-item-notifications_button_small > a::before,
ul.gc-account-user-menu .menu-item-notifications > a::before,
ul.gc-account-user-menu .menu-item-sales > a::before,
ul.gc-account-user-menu .menu-item-chatium > a::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

/* Подписи (только левая колонка) */
ul.gc-account-user-menu .menu-item-search > a::after {
    content: "Поиск";
    font-size: 10px;
    white-space: nowrap;
}

ul.gc-account-user-menu .menu-item-teach > a::after {
    content: attr(title);
    font-size: 10px;
    white-space: nowrap;
}

ul.gc-account-user-menu .menu-item-notifications_button_small > a::after {
    content: "Уведомления";
    font-size: 10px;
    white-space: nowrap;
}

ul.gc-account-user-menu .menu-item-notifications > a::after {
    content: "Поддержка";
    font-size: 10px;
    white-space: nowrap;
}

ul.gc-account-user-menu .menu-item-sales > a::after {
    content: "Мои покупки";
    font-size: 10px;
    white-space: normal;
    max-width: 68px;
    line-height: 1.2;
}

ul.gc-account-user-menu .menu-item-chatium > a::after {
    content: "Приложение";
    font-size: 10px;
    white-space: nowrap;
}

/* === Назначаем иконки (тестовый маппинг) === */

/* Поиск */
ul.gc-account-user-menu .menu-item-search > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/206e29e0a5610e61810ec9d1bbe80a88.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/206e29e0a5610e61810ec9d1bbe80a88.svg');
}

ul.gc-account-user-menu .menu-item-teach > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/2991c75885464bf04a7df1559f5d0aaa.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/2991c75885464bf04a7df1559f5d0aaa.svg');
}

ul.gc-account-user-menu .menu-item-notifications_button_small > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/1a2bc24ecf201f648a13994e1a87fd08.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/1a2bc24ecf201f648a13994e1a87fd08.svg');
}

ul.gc-account-user-menu .menu-item-notifications > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e41fd6fea966d7b52128b2a8fa1b087e.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e41fd6fea966d7b52128b2a8fa1b087e.svg');
}

ul.gc-account-user-menu .menu-item-sales > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/84f96c71863559690d2efd858b15d962.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/84f96c71863559690d2efd858b15d962.svg');
}

ul.gc-account-user-menu .menu-item-chatium > a::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e4261a49fc4b01f3c9f45162d32999b7.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e4261a49fc4b01f3c9f45162d32999b7.svg');
}

/* ==========================================
   ПОДМЕНЮ — правая панель
   ========================================== */

ul.gc-account-user-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.gc-account-user-submenu li {
    width: 100%;
}

ul.gc-account-user-submenu li a.subitem-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    text-decoration: none;
    color: #1A2138;
    font-size: 15px;
    text-transform: none !important;
    letter-spacing: normal !important;
    transition: color 0.2s;
    font-weight: normal;
}

ul.gc-account-user-submenu li a.subitem-link:hover {
    color: #4A90D9;
}

/* Базовые стили иконок подменю */
ul.gc-account-user-submenu li a.subitem-link::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    background-color: #404858;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

ul.gc-account-user-submenu li a.subitem-link:hover::before {
    background-color: #4A90D9;
}

/* ---- Иконки подменю АДМИНИСТРАТОРА ---- */

.menu-item-pages a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/133bdb08074e5cfff80306049863f5f0.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/133bdb08074e5cfff80306049863f5f0.svg');
}

.menu-item-xdgets a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a401215b6aeb5a66169f82b6a0407ba5.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a401215b6aeb5a66169f82b6a0407ba5.svg');
}

.menu-item-webinar a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/0ba94457ff23cb32bcddb3793f952b04.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/0ba94457ff23cb32bcddb3793f952b04.svg');
}

.menu-item-stat a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/8f5c6e72176a26e59f87ec541844ccf8.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/8f5c6e72176a26e59f87ec541844ccf8.svg');
}

/* ---- Иконки подменю ПОЛЬЗОВАТЕЛЯ ---- */

/* Тренинги */
.menu-item-trainings a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/133bdb08074e5cfff80306049863f5f0.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/133bdb08074e5cfff80306049863f5f0.svg');
}

/* Чаты — первый menu-item-questionary (идёт после trainings) */
.menu-item-trainings + .menu-item-questionary a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a401215b6aeb5a66169f82b6a0407ba5.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a401215b6aeb5a66169f82b6a0407ba5.svg');
}

/* Расписание */
.menu-item-schedule a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/0ba94457ff23cb32bcddb3793f952b04.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/0ba94457ff23cb32bcddb3793f952b04.svg');
}

/* Лента ответов */
.menu-item-answers a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/8f5c6e72176a26e59f87ec541844ccf8.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/8f5c6e72176a26e59f87ec541844ccf8.svg');
}

/* Тестирования — второй menu-item-questionary (идёт после answers) */
.menu-item-answers + .menu-item-questionary a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/3ad4668a9d8c782370888d393b59112f.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/3ad4668a9d8c782370888d393b59112f.svg');
}

/* Иконка «Приложение» в подменю Apps */
.menu-item-chatium_app a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e4261a49fc4b01f3c9f45162d32999b7.svg') !important;
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/e4261a49fc4b01f3c9f45162d32999b7.svg') !important;
}

/* QR-код в подменю Apps — не даём вылезать за панель */
.menu-item-chatium_qr a.subitem-link {
    flex-wrap: wrap;
    white-space: normal !important;
}

.menu-item-chatium_qr a.subitem-link::before {
    display: none !important;
}

.menu-item-chatium_qr a.subitem-link img {
    max-width: 160px;
    height: auto;
    margin: 8px 0;
}

/* Скрываем разделитель-ссылку "Помогите нам стать лучше" */
.menu-item-delimiter {
    display: none;
}

/* ==========================================
   ПРОФИЛЬНОЕ ПОДМЕНЮ (gc-account-user-submenu-bar-profile)
   ========================================== */

/* ==========================================
   ПРОФИЛЬНОЕ ПОДМЕНЮ
   ========================================== */

/* user-balance — отступ от заголовка, иконки */
.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    margin-top: 20px;
    margin-left: 0;
    font-size: 12px;
    line-height: 2.2;
    color: #404858;
}

.gc-account-user-submenu-bar .user-balance p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gc-account-user-submenu-bar .user-balance p::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
}

/* Монеты (1-й p) */
.gc-account-user-submenu-bar .user-balance p:nth-child(1)::before {
    background-color: #5B6679;
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a436c5f37611f8adbce2a01f30821f90.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/a436c5f37611f8adbce2a01f30821f90.svg');
}

/* Депозит (2-й p) */
.gc-account-user-submenu-bar .user-balance p:nth-child(2)::before {
    background-color: #5B6679;
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/1485e557fee8786c7386e32923290af3.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/1485e557fee8786c7386e32923290af3.svg');
}

/* Бонусный счет (3-й p) */
.gc-account-user-submenu-bar .user-balance p:nth-child(3)::before {
    background-color: #5B6679;
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/f212ac93ea6f28e1e61f11a93abf929b.svg');
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/f212ac93ea6f28e1e61f11a93abf929b.svg');
}

/* Иконки пунктов профильного подменю */
.gc-account-user-submenu-bar-profile .menu-item-profile a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/fb8453a7a2ffe1bf76d1687579e6141a.svg') !important;
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/fb8453a7a2ffe1bf76d1687579e6141a.svg') !important;
}

.gc-account-user-submenu-bar-profile .menu-item-notifications a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/ed3a8ba7df0f0bcb182e345dc570bcfa.svg') !important;
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/ed3a8ba7df0f0bcb182e345dc570bcfa.svg') !important;
}

.gc-account-user-submenu-bar-profile .menu-item-change_password a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/dfc390da6b41737bef467b419e46874b.svg') !important;
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/dfc390da6b41737bef467b419e46874b.svg') !important;
}

.gc-account-user-submenu-bar-profile .menu-item-myAccounts a.subitem-link::before {
    mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/2b915bc28817f8c88fe3a77507baaadd.svg') !important;
    -webkit-mask-image: url('https://fs.getcourse.ru/fileservice/file/download/a/836530/sc/25/h/2b915bc28817f8c88fe3a77507baaadd.svg') !important;
}

/* Выйти — красный текст, без иконки */
.gc-account-user-submenu-bar-profile .menu-item-logout a.subitem-link {
    color: #E74C3C !important;
}

.gc-account-user-submenu-bar-profile .menu-item-logout a.subitem-link::before {
    display: none !important;
}

.custom-menu .gc-account-leftbar .menu-item-label.menu-item-label {
    display: none;
}

.talks-widget-window.talks-widget-window {
    left: 80px;
    width: calc(100% - 80px);
}