/* Вертикальное отображение дочерних элементов меню Woodmart */
/* Стили применяются только к меню с ID menu-profile-tabs */
#menu-profile-tabs .menu-item-has-children .wd-dropdown-menu,
#menu-profile-tabs .menu-item-has-children .wd-dropdown {
    position: static !important;
    display: none !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Показываем подменю только при наведении */
#menu-profile-tabs .menu-item-has-children:hover .wd-dropdown-menu,
#menu-profile-tabs .menu-item-has-children:hover .wd-dropdown {
    display: block !important;
}

/* Альтернативный селектор для подменю при наведении */
#menu-profile-tabs li.menu-item-has-children:hover>.wd-dropdown-menu,
#menu-profile-tabs li.menu-item-has-children:hover>.wd-dropdown {
    display: block !important;
}

#menu-profile-tabs .menu-item-has-children .wd-sub-menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin-left: 40px !important;
    padding: 0 !important;
    font-size: 24px !important;
}

/* Font-size для пунктов подменю */
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link,
#menu-profile-tabs .wd-sub-menu .nav-link-text {
    font-size: 16px !important;
}

/* Стили для дочерних элементов */
#menu-profile-tabs .wd-sub-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

#menu-profile-tabs .wd-sub-menu .woodmart-nav-link {
    display: flex !important;
    width: 100% !important;
}

/* Стили для иконок в меню */
#menu-profile-tabs .woodmart-nav-link {
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
}

#menu-profile-tabs .menu-item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

#menu-profile-tabs .menu-item-icon svg {
    display: block !important;
    width: auto !important;
    height: auto !important;
}

/* Цвет SVG иконок по умолчанию (серый) */
#menu-profile-tabs .menu-item-icon svg path {
    fill: #807D79 !important;
}

/* Цвет SVG иконок при наведении (красный) */
#menu-profile-tabs .woodmart-nav-link:hover .menu-item-icon svg path {
    fill: #C60F01 !important;
}

/* Цвет SVG иконок когда пункт активен (красный) */
#menu-profile-tabs .menu-item-active>.woodmart-nav-link .menu-item-icon svg path {
    fill: #C60F01 !important;
}

/* Цвет текста пунктов меню */
#menu-profile-tabs .woodmart-nav-link,
#menu-profile-tabs .woodmart-nav-link .nav-link-text {
    color: inherit !important;
}

/* Цвет текста при наведении (красный) */
#menu-profile-tabs .woodmart-nav-link:hover,
#menu-profile-tabs .woodmart-nav-link:hover .nav-link-text {
    color: #C60F01 !important;
}

/* Цвет текста когда пункт активен (красный) */
#menu-profile-tabs .menu-item-active>.woodmart-nav-link,
#menu-profile-tabs .menu-item-active>.woodmart-nav-link .nav-link-text {
    color: #C60F01 !important;
}

/* Убираем изменение background-color при наведении и активности */
#menu-profile-tabs .woodmart-nav-link:hover,
#menu-profile-tabs .woodmart-nav-link:focus,
#menu-profile-tabs .menu-item-active>.woodmart-nav-link,
#menu-profile-tabs .woodmart-nav-link.active {
    background-color: transparent !important;
}

/* Стили для подменю - прозрачный фон и те же правила */
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link,
#menu-profile-tabs .wd-sub-menu li a,
#menu-profile-tabs .wd-sub-menu .menu-item a {
    background-color: transparent !important;
}

#menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover,
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link:focus,
#menu-profile-tabs .wd-sub-menu li a:hover,
#menu-profile-tabs .wd-sub-menu li a:focus,
#menu-profile-tabs .wd-sub-menu .menu-item a:hover,
#menu-profile-tabs .wd-sub-menu .menu-item a:focus {
    background-color: transparent !important;
}

#menu-profile-tabs .wd-sub-menu .menu-item-active>.woodmart-nav-link,
#menu-profile-tabs .wd-sub-menu .menu-item-active>a,
#menu-profile-tabs .wd-sub-menu li.menu-item-active>a {
    background-color: transparent !important;
}

/* Убираем стрелку (::after) у пункта "Профиль" на десктопе */
#menu-profile-tabs.wd-nav-vertical>li.menu-item-has-children>a:after,
#menu-profile-tabs.wd-nav>li.menu-item-has-children>a:after,
#menu-profile-tabs .wd-nav-vertical>li.menu-item-has-children>a:after,
#menu-profile-tabs .wd-nav>li.menu-item-has-children>a:after {
    display: none !important;
    content: none !important;
}

/* Альтернативный селектор для пункта "Профиль" */
#menu-profile-tabs .menu-item-has-children .woodmart-nav-link:after {
    display: none !important;
    content: none !important;
}

/* Цвет SVG иконок в подменю при наведении */
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover .menu-item-icon svg path {
    fill: #C60F01 !important;
}

/* Цвет SVG иконок в подменю когда активен */
#menu-profile-tabs .wd-sub-menu .menu-item-active>.woodmart-nav-link .menu-item-icon svg path {
    fill: #C60F01 !important;
}

/* Цвет текста в подменю при наведении */
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover,
#menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover .nav-link-text {
    color: #C60F01 !important;
}

/* Цвет текста в подменю когда активен */
#menu-profile-tabs .wd-sub-menu .menu-item-active>.woodmart-nav-link,
#menu-profile-tabs .wd-sub-menu .menu-item-active>.woodmart-nav-link .nav-link-text {
    color: #C60F01 !important;
}

/* Убираем border у меню */
#menu-profile-tabs.wd-nav-vertical.wd-design-default {
    border: none !important;
}

#menu-profile-tabs.wd-nav-vertical.wd-design-default>li:not(:last-child) {
    border-bottom: none !important;
}

/* Прозрачный фон для dropdown */
#menu-profile-tabs .wd-dropdown {
    background-color: transparent !important;
}

/* КРИТИЧНО: Исправляем высоту контейнера для подменю */
#menu-profile-tabs .wd-dropdown-menu .container.wd-entry-content,
#menu-profile-tabs .wd-dropdown .container.wd-entry-content,
#menu-profile-tabs .wd-dropdown-menu .container,
#menu-profile-tabs .wd-dropdown .container,
#menu-profile-tabs .container.wd-entry-content {
    display: block !important;
    overflow: visible !important;
}

/* Убеждаемся что ul внутри контейнера виден */
#menu-profile-tabs .container.wd-entry-content>.wd-sub-menu,
#menu-profile-tabs .wd-dropdown-menu .wd-sub-menu,
#menu-profile-tabs .wd-dropdown .wd-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Мобильные стили - горизонтальная прокрутка */
@media (max-width: 767px) {
    /* Контейнер меню с горизонтальной прокруткой */
    #menu-profile-tabs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        gap: 8px !important;
        padding-bottom: 10px !important;
        position: relative !important;
    }

    /* Скрываем скроллбар в WebKit браузерах */
    #menu-profile-tabs::-webkit-scrollbar {
        display: none !important;
    }

    /* Пункты меню - компактная ширина */
    #menu-profile-tabs>li {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        max-width: 150px !important;
    }

    /* Уменьшаем размер шрифта для основных пунктов */
    #menu-profile-tabs>li>.woodmart-nav-link,
    #menu-profile-tabs>li>.woodmart-nav-link .nav-link-text {
        font-size: 14px !important;
        padding: 8px 12px !important;
        width: auto !important;
        /* Автоматическая ширина */
        min-width: auto !important;
        /* Убираем минимальную ширину */
        max-width: none !important;
        display: inline-flex !important;
        /* Вместо flex для компактности */
    }

    /* Убираем фиксированную ширину у всех дочерних элементов */
    #menu-profile-tabs>li>a,
    #menu-profile-tabs>li>.woodmart-nav-link,
    #menu-profile-tabs>li .nav-link-text {
        width: auto !important;
        min-width: auto !important;
        flex: 0 0 auto !important;
        /* Не растягиваем */
    }

    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link {
        gap: 6px !important;
    }

    /* Уменьшаем размер иконок */
    #menu-profile-tabs .menu-item-icon {
        margin-right: 0px !important;
        width: 18px !important;
        height: 18px !important;
    }

    #menu-profile-tabs .menu-item-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    #menu-profile-tabs .wd-sub-menu .menu-item-icon {
        width: 16px !important;
        height: 16px !important;
    }

    #menu-profile-tabs .wd-sub-menu .menu-item-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    /* Подменю - базовые стили (позиционирование через JS) */
    #menu-profile-tabs .menu-item-has-children .wd-dropdown-menu,
    #menu-profile-tabs .menu-item-has-children .wd-dropdown,
    #menu-profile-tabs .menu-item-has-children .wd-sub-menu {
        display: none !important;
        padding-left: 12px !important;
        margin: 0 !important;
    }

    /* Показываем подменю при клике (JS добавляет класс) */
    #menu-profile-tabs .menu-item-has-children.submenu-open .wd-dropdown-menu,
    #menu-profile-tabs .menu-item-has-children.submenu-open .wd-dropdown,
    #menu-profile-tabs .menu-item-has-children.submenu-open .wd-sub-menu,
    .wd-dropdown-menu.submenu-open,
    .wd-dropdown.submenu-open {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Стили для дочерних элементов в подменю */
    #menu-profile-tabs .wd-sub-menu {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #menu-profile-tabs .wd-sub-menu li {
        display: block !important;
    }

    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link,
    #menu-profile-tabs .wd-sub-menu .nav-link-text {
        font-size: 14px !important;
        padding: 0 !important;
    }

    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover,
    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link:focus,
    #menu-profile-tabs .wd-sub-menu li a:hover,
    #menu-profile-tabs .wd-sub-menu li a:focus,
    #menu-profile-tabs .wd-sub-menu .menu-item a:hover,
    #menu-profile-tabs .wd-sub-menu .menu-item a:focus {
        background-color: transparent !important;
    }

    #menu-profile-tabs .wd-sub-menu .menu-item-active .woodmart-nav-link,
    #menu-profile-tabs .wd-sub-menu .menu-item-active a,
    #menu-profile-tabs .wd-sub-menu li.menu-item-active a {
        background-color: transparent !important;
    }

    /* Убираем стрелку (::after) у пункта "Профиль" на десктопе */
    #menu-profile-tabs.wd-nav-vertical>li.menu-item-has-children>a:after,
    #menu-profile-tabs.wd-nav>li.menu-item-has-children>a:after,
    #menu-profile-tabs .wd-nav-vertical>li.menu-item-has-children>a:after,
    #menu-profile-tabs .wd-nav>li.menu-item-has-children>a:after {
        display: none !important;
        content: none !important;
    }

    /* Альтернативный селектор для пункта "Профиль" */
    #menu-profile-tabs .menu-item-has-children .woodmart-nav-link:after {
        display: none !important;
        content: none !important;
    }

    /* Цвет SVG иконок в подменю при наведении */
    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover .menu-item-icon svg path {
        fill: #C60F01 !important;
    }

    /* Цвет SVG иконок в подменю когда активен */
    #menu-profile-tabs .wd-sub-menu .menu-item-active .woodmart-nav-link .menu-item-icon svg path {
        fill: #C60F01 !important;
    }

    /* Цвет текста в подменю при наведении */
    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover,
    #menu-profile-tabs .wd-sub-menu .woodmart-nav-link:hover .nav-link-text {
        color: #C60F01 !important;
    }

    /* Цвет текста в подменю когда активен */
    #menu-profile-tabs .wd-sub-menu .menu-item-active .woodmart-nav-link,
    #menu-profile-tabs .wd-sub-menu .menu-item-active .woodmart-nav-link .nav-link-text {
        color: #C60F01 !important;
    }

    /* Убираем border у меню */
    #menu-profile-tabs.wd-nav-vertical.wd-design-default {
        border: none !important;
    }

    #menu-profile-tabs.wd-nav-vertical.wd-design-default>li:not(:last-child) {
        border-bottom: none !important;
    }

    /* Прозрачный фон для dropdown */
    #menu-profile-tabs .wd-dropdown {
        background-color: transparent !important;
    }

    /* КРИТИЧНО: Исправляем высоту контейнера для подменю */
    #menu-profile-tabs .wd-dropdown-menu .container.wd-entry-content,
    #menu-profile-tabs .wd-dropdown .container.wd-entry-content,
    #menu-profile-tabs .wd-dropdown-menu .container,
    #menu-profile-tabs .wd-dropdown .container,
    #menu-profile-tabs .container.wd-entry-content {
        display: block !important;
        overflow: visible !important;
    }

    /* Убеждаемся что ul внутри контейнера виден */
    #menu-profile-tabs .container.wd-entry-content>.wd-sub-menu,
    #menu-profile-tabs .wd-dropdown-menu .wd-sub-menu,
    #menu-profile-tabs .wd-dropdown .wd-sub-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Стили для пунктов подменю профиля */
/* Неактивное состояние */
#menu-profile-tabs .wd-sub-menu li a .nav-link-text {
    color: #181919 !important;
}

#menu-profile-tabs .wd-sub-menu li a .menu-item-icon svg path,
#menu-profile-tabs .wd-sub-menu li a .menu-item-icon svg rect {
    fill: #807D79 !important;
    transition: fill 0.3s ease;
}

/* Активное состояние (при наведении или выбран) */
#menu-profile-tabs .wd-sub-menu li:hover>a .nav-link-text,
#menu-profile-tabs .wd-sub-menu li.current-menu-item>a .nav-link-text,
#menu-profile-tabs .wd-sub-menu li.menu-item-active>a .nav-link-text {
    color: #C60F01 !important;
}

#menu-profile-tabs .wd-sub-menu li:hover>a .menu-item-icon svg path,
#menu-profile-tabs .wd-sub-menu li.current-menu-item>a .menu-item-icon svg path,
#menu-profile-tabs .wd-sub-menu li.menu-item-active>a .menu-item-icon svg path,
#menu-profile-tabs .wd-sub-menu li:hover>a .menu-item-icon svg rect,
#menu-profile-tabs .wd-sub-menu li.current-menu-item>a .menu-item-icon svg rect,
#menu-profile-tabs .wd-sub-menu li.menu-item-active>a .menu-item-icon svg rect {
    fill: #C60F01 !important;
}

/* Специфичные стили для иконки удаления профиля */
#menu-profile-tabs .wd-sub-menu li.user-profile-item .delete-profile-icon {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

#menu-profile-tabs .wd-sub-menu li.user-profile-item .delete-profile-icon:hover {
    opacity: 1;
}

/* Скрытие scrollbar у слайдера профилей */
.jet-listing-grid__scroll-slider {
    /* Для Firefox */
    scrollbar-width: none;

    /* Для IE и Edge */
    -ms-overflow-style: none;
}

/* Для Chrome, Safari и Opera */
.jet-listing-grid__scroll-slider::-webkit-scrollbar {
    display: none;
}

/* Дополнительно: скрываем scrollbar для всех контейнеров с горизонтальной прокруткой в листинге профилей */
#listing-profiles-current-user .jet-listing-grid__scroll-slider {
    overflow-x: auto;
    overflow-y: hidden;
}