/* ==================================================
 منو دسته بندی محصولات
================================================== */
.nav-category {
    max-width: 992px;
    margin: auto;
}

.nav-category nav {
    margin-bottom: 40px;
}

.nav-category nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.nav-category nav ul a {
    font-family: 'javan';
    padding: 0 10px;
    border-radius: 5px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-category nav ul a:hover {
    color: var(--H);
}

/* منو ها یکی در میان تغییر کلاس بدن *******/
.nav-category nav li:nth-child(odd)>a {
    background-color: var(--BG-C);
    color: var(--A);
}

.nav-category nav li:nth-child(odd)>a:hover {
    background-color: var(--B);
    color: var(--A);
}

.nav-category nav li:nth-child(even)>a {
    background-color: white;
    color: var(--A);
}

.nav-category nav li:nth-child(even)>a:hover {
    background-color: var(--B);
    color: var(--A);
}

/* منو فعال *******/
.nav-category nav li.current-menu-item>a {
    background-color: var(--M);
    color: var(--A);
}

/* افزودن آیکن قبل از هر آیتم *******/
.nav-category nav li {
    position: relative;
    padding-right: 25px;
    /* جا برای آیکن */
}

.nav-category nav li::before {
    font-family: "Font Awesome 6 Duotone";
    content: "\f323";
    /* chevrons-left */
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--A);
}