/* Вертикальное отображение дочерних элементов меню 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.menu-item-active .wd-dropdown-menu,
#menu-profile-tabs .menu-item-has-children.menu-item-active .wd-dropdown,
#menu-profile-tabs .menu-item-active .wd-dropdown-menu,
#menu-profile-tabs .menu-item-active .wd-dropdown {
    display: block !important;
}

/* Альтернативный селектор для подменю внутри активного элемента */
#menu-profile-tabs li.menu-item-active > .wd-dropdown-menu,
#menu-profile-tabs li.menu-item-active > .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: 20px !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: block !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,
#menu-profile-tabs .woodmart-nav-link.active .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,
#menu-profile-tabs .woodmart-nav-link.active,
#menu-profile-tabs .woodmart-nav-link.active .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;
}