/* ==========================================================================
   1. ИДЕАЛЬНОЕ БОКОВОЕ МЕНЮ (JoomShopping Фикс)
   ========================================================================== */

/* Обертка всего блока меню (чистая белая плашка) */
.sp-module._menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    padding: 0px 0 !important;
    margin-bottom: 25px !important;
  /* ОТСТУП СЛЕВА ДЛЯ ВСЕЙ РАМКИ МЕНЮ ОТ КРАЯ САЙТА */
    margin-left: 5px !important; 
}

/* Контейнеры пунктов */
.jshop_menu_level_0, 
.jshop_menu_level_1 {
    display: block !important;
    margin: 10 !important;
    padding: 0 !important;
}

/* Общие стили для текста */
.jshop_menu_level_0, 
.jshop_menu_level_0 a,
.jshop_menu_level_0_a a {
    color: #1a1a1a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   ГЛАВНЫЕ ПУНКТЫ (Мебель для дома, Детские товары и т.д.) — ФИКС ОТСТУПОВ
   -------------------------------------------------------------------------- */
.jshop_menu_level_0,
.jshop_menu_level_0_a {
    background-color: #ffffff !important; /* Чистый белый фон */
    border-top: 1px solid #f3f6f8 !important; /* Тонкая линия разделения */
    padding: 12px 20px !important; /* Отступы: 12px сверху/снизу и 20px СЛЕВА/СПРАВА */
    margin: 5px 0 0 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Выравниваем ссылки внутри главных пунктов, чтобы они не сбрасывали отступ */
.jshop_menu_level_0 a,
.jshop_menu_level_0_a a {
    padding: 0 !important;
    margin: 10px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}


/* --------------------------------------------------------------------------
   ПОДПУНКТЫ КАТЕГОРИЙ (Автокресла, Коляски, Санки...)
   -------------------------------------------------------------------------- */
.jshop_menu_level_1 {
    background-color: #ffffff !important;
    border: none !important;
}

.jshop_menu_level_1 a {
    color: #555555 !important; /* Мягкий цвет для подпунктов */
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 20px 8px 38px !important; /* Ровный отступ для лесенки */
    position: relative !important;
    transition: all 0.2s ease-in-out !important;
}

/* Маркер-точка перед подпунктами */
.jshop_menu_level_1 a::before {
    content: "•" !important;
    color: #b5bfc6 !important;
    font-size: 14px !important;
    position: absolute !important;
    left: 22px !important;
    transition: all 0.2s ease-in-out !important;
}

/* --------------------------------------------------------------------------
   ЭФФЕКТЫ ПРИ НАВЕДЕНИИ КУРСОРA (HOVER)
   -------------------------------------------------------------------------- */
.jshop_menu_level_1:hover {
    background-color: #f4f8fc !important; /* Синеватый фон при наведении на строку */
}

.jshop_menu_level_1 a:hover {
    color: #0b51a0 !important; /* Фирменный синий цвет текста */
    padding-left: 42px !important; /* Мягкий сдвиг вправо */
}

/* Превращаем точку в стрелочку при наведении */
.jshop_menu_level_1:hover a::before {
    content: "›" !important;
    color: #0b51a0 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    left: 24px !important;
}

/* ==========================================================================
   2. КОД ДЛЯ УДАЛЕНИЯ СИНЕГО КВАДРАТА С ЗАКОЛКОЙ (НЕ ТРОГАЕМ)
   ========================================================================== */
.sppb-addon-feature i.fa-thumb-tack,
.sppb-addon-feature .sppb-icon-container {
    display: none !important;
    background: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Скрывать кнопку offcanvas на экранах шире 991px (компьютеры и планшеты) */
@media (min-width: 992px) {
    #offcanvas-toggler {
        display: none !important;
    }
}