/*!
 * @package     VP Prime Framework
 * @author      Abhishek Das <info@virtueplanet.com>
 * @link        https://www.virtueplanet.com
 * @copyright   Copyright (C) 2023 Virtueplanet Services LLP. All Rights Reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

.mod-vmcategory-menu,
.mod-vmcategory-menu--sub {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod-vmcategory-menu--item-anchor {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: var(--vmcategory-menu-item-color, #333);
    border-bottom: 1px solid var(--vmcategory-menu-item-border-color, #aaa);
    background-color: var(--vmcategory-menu-item-hover-bg, #ffffff);
    transition: all 0.4s ease;
}

.mod-vmcategory-menu--item-anchor:hover {
    color: var(--vmcategory-menu-item-hover-color, #224faa);
    background-color: var(--vmcategory-menu-item-hover-bg, #fff);
    text-decoration: none;
}

.mod-vmcategory-menu--current>.mod-vmcategory-menu--item-anchor,
.mod-vmcategory-menu--current>.mod-vmcategory-menu--item-anchor:hover {
    color: var(--vmcategory-menu-item-active-color, #224faa);
    background-color: var(--vmcategory-menu-item-active-bg, #fff);
}

.mod-vmcategory-menu--open>.mod-vmcategory-menu--item-anchor,
.mod-vmcategory-menu--open>.mod-vmcategory-menu--item-anchor:hover {
    color: var(--vmcategory-menu-item-opened-color, #224faa);
    background-color: var(--vmcategory-menu-item-opened-bg, #ffffff);
}

.mod-vmcategory-menu--item-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.9rem 1rem;
}

.mod-vmcategory-menu--item-sub-opener {
    display: flex;
    align-items: center;
    padding: 0 1.3rem;
    margin: -1px 0;
    background-color: var(--vmcategory-menu-item-opener-bg, transparent);
    color: var(--vmcategory-menu-item-opener-color, inherit);
    border: 1px solid var(--vmcategory-menu-item-opener-border-color, #aaa);
    border-right: none;
    cursor: pointer;
    transition: all 0.4s ease;
}

.mod-vmcategory-menu--open>.mod-vmcategory-menu--item-anchor>.mod-vmcategory-menu--item-sub-opener {
    background-color: var(--vmcategory-menu-item-opener-opened-bg, transparent);
    color: var(--vmcategory-menu-item-opener-opened-color, inherit);
    border-color: var(--vmcategory-menu-item-opener-opened-border-color, #aaa);
}

.mod-vmcategory-menu--item-sub-opener>i {
    transition: transform 0.4s ease;
}

.mod-vmcategory-menu--open>.mod-vmcategory-menu--item-anchor>.mod-vmcategory-menu--item-sub-opener>i {
    transform: rotate(90deg);
}

.mod-vmcategory-menu--spacer {
    display: inline-block;
    width: 1rem;
    height: 0.1rem;
}

.mod-vmcategory-menu--level-1>.mod-vmcategory-menu--item-anchor {
    text-transform: uppercase;
    font-weight: var(--vmcategory-menu-item-weight, 600);
}

.mod-vmcategory-menu--sub {
    display: none;
}

.mod-vmcategory-menu--open>.mod-vmcategory-menu--sub {
    display: flex;
}

.mod-vmcategory-menu--opening>.mod-vmcategory-menu--sub {
    display: flex;
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease;
}