/* =========================================================
   HELP BUTTON — БЕЗ СПЕЦЭФФЕКТОВ БИТРИКСА
   ========================================================= */

/* 1. Базовый пункт меню — отключаем ВСЁ, что может рисовать оверлеи */
#bx_left_menu_help_bitrix24,
#bx_left_menu_help_bitrix24:hover,
#bx_left_menu_help_bitrix24:active,
#bx_left_menu_help_bitrix24:focus,
#bx_left_menu_help_bitrix24:focus-within {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* 2. Убираем системные псевдоэлементы LI (градиенты/блики) */
#bx_left_menu_help_bitrix24::before,
#bx_left_menu_help_bitrix24::after,
#bx_left_menu_help_bitrix24:hover::before,
#bx_left_menu_help_bitrix24:hover::after,
#bx_left_menu_help_bitrix24:active::before,
#bx_left_menu_help_bitrix24:active::after {
    content: none !important;
    display: none !important;
}

/* 3. Сама кнопка (ссылка) — единственный визуальный слой */
#bx_left_menu_help_bitrix24 > .menu-item-link {
    background-color: #E2007A;
    border-radius: 10px;

    /* системная геометрия */
    padding: 6px;              /* как у обычных пунктов */
    gap: 10px;

    color: #ffffff;
    font-weight: 600;

    box-shadow: none !important;
    filter: none !important;
    transition: none !important;

    position: relative;
    z-index: 2;
}

/* 4. Hover — ТОЛЬКО смена цвета */
#bx_left_menu_help_bitrix24 > .menu-item-link:hover {
    background-color: #c9006b;
    color: #ffffff;

    box-shadow: none !important;
    filter: none !important;
}

/* 5. Полностью вырубаем эффекты на иконке */
#bx_left_menu_help_bitrix24 .menu-item-icon-box,
#bx_left_menu_help_bitrix24 .menu-item-icon-box:hover,
#bx_left_menu_help_bitrix24 .menu-item-link:hover .menu-item-icon-box {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* 6. Псевдоэлементы иконки */
#bx_left_menu_help_bitrix24 .menu-item-icon-box::before,
#bx_left_menu_help_bitrix24 .menu-item-icon-box::after,
#bx_left_menu_help_bitrix24 .menu-item-link:hover .menu-item-icon-box::before,
#bx_left_menu_help_bitrix24 .menu-item-link:hover .menu-item-icon-box::after {
    content: none !important;
    display: none !important;
}

/* 7. Сама картинка-иконка */
#bx_left_menu_help_bitrix24 .menu-item-icon {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    box-shadow: none !important;
    filter: none !important;
}

/* 8. Текст */
#bx_left_menu_help_bitrix24 .menu-item-link-text {
    color: #ffffff;
    white-space: nowrap;
}

/* 9. Свернутое меню */
.menu-collapsed #bx_left_menu_help_bitrix24 .menu-item-link-text {
    display: none;
}

.menu-collapsed #bx_left_menu_help_bitrix24 > .menu-item-link {
    justify-content: center;
}

.menu-items-view-mode .menu-item-block:not(.menu-item-group):not(.menu-item-draggable):hover .menu-item-link {
    clip-path: none !important;
    mask-image: none !important;
}