Техническое задание: Модификация бокового меню на WordPress

Суть задачи

Требуется переработать логику и внешний вид выпадающего меню, расположенного в сайдбаре (боковой колонке) сайта. В текущей реализации подпункты меню раскрываются вертикально вниз. Необходимо изменить это поведение на горизонтальное раскрытие вправо (или влево, в зависимости от расположения сайдбара), по аналогии с распространенными многоуровневыми меню.

Ключевые требования

• Изменение направления раскрытия: Подменю должно открываться не вниз, а вбок (вправо).
• Адаптивность: Реализация должна быть полностью адаптирована под мобильные устройства и планшеты. На малых экранах поведение может меняться на более удобное (например, стандартное аккордеон-меню).
• Совместимость: Сайт работает на WordPress с плагином WooCommerce. Меню создается стандартными средствами WordPress (возможно, через wp_nav_menu).
• Работа с темой: Тема оформления - самописная. Все изменения необходимо вносить аккуратно, не нарушая общую стилевую концепцию и работоспособность других элементов.
• Качество кода: Решение должно быть реализовано с помощью чистого CSS (желательно) или минимального JavaScript/jQuery, без подключения тяжелых библиотек.

Ожидаемый результат

• Многоуровневое боковое меню с подменю, раскрывающимся в горизонтальном направлении.
• Корректное отображение на всех типах устройств и разрешениях экрана.
• Сохранение всей существующей функциональности меню (ссылки, структура, активные состояния).
• Аккуратная интеграция в существующую самописную тему.