.elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0>a{color:#030202;}.elementor-2180 .elementor-element.elementor-element-51aa4e4 .mobile-nav-button{color:#030202;}.woocommerce .elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0>a{font-size:13px;}.mobile-nav-button a{font-size:13px;}.woocommerce .elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0 div.sub-menu li a{font-size:12px;}.woocommerce .elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0>ul.sub-menu li a{font-size:12px;}.woocommerce .elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0>a>.menu-item-text i{font-size:19px;}.woocommerce .elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0{padding:0px 10px;}.elementor-2180 .elementor-element.elementor-element-51aa4e4 .mweb-main-menu ul>li.level-0{line-height:49px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2180 .elementor-element.elementor-element-a920f02{width:12.891%;}.elementor-2180 .elementor-element.elementor-element-7006669{width:87.109%;}}@media(max-width:767px){.elementor-2180 .elementor-element.elementor-element-3dd27fb{width:var( --container-widget-width, 111px );max-width:111px;--container-widget-width:111px;--container-widget-flex-grow:0;}}/* Start custom CSS for section, class: .elementor-element-b911cda *//* ==========================================
   منوی حرفه‌ای خط‌وخاک
   گوشه‌های گرد + افکت هاور + زیرمنو
   ========================================== */

/* هدر یا کانتینر منو */
.khat-menu {
    position: relative;
    border-radius: 0 0 35px 0 !important;
    border: 1px solid rgba(120, 169, 75, 0.15);
    box-shadow: 0 5px 22px rgba(52, 91, 36, 0.06);
    transition: box-shadow .3s ease;
}

/* سایه ظریف هدر */
.khat-menu:hover {
    box-shadow: 0 10px 30px rgba(52, 91, 36, 0.10);
}

/* گزینه‌های اصلی منو */
.khat-menu .elementor-nav-menu--main .elementor-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 17px !important;
    margin: 0 3px;
    border-radius: 12px !important;

    color: #34452d;
    background: transparent;

    transition:
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease !important;
}

/* پس‌زمینه سبز هنگام هاور */
.khat-menu .elementor-nav-menu--main .elementor-item:hover {
    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #8fbd62 0%,
        #5b8d39 100%
    ) !important;

    box-shadow: 0 6px 16px rgba(79, 127, 46, 0.22);
}

/* خط نورانی زیر گزینه */
.khat-menu .elementor-nav-menu--main .elementor-item::after {
    content: "";
    position: absolute;

    right: 18%;
    bottom: 4px;
    width: 64%;
    height: 2px;

    border: 0 !important;
    border-radius: 10px;
    background: #e3f6d2 !important;

    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease;
}

/* نمایش خط هنگام هاور */
.khat-menu .elementor-nav-menu--main .elementor-item:hover::after {
    transform: scaleX(1);
}

/* گزینه صفحه فعال */
.khat-menu .elementor-nav-menu--main
.elementor-item.elementor-item-active {
    color: #527d35 !important;
    background: rgba(120, 169, 75, 0.13) !important;
}

/* گزینه فعال هنگام هاور */
.khat-menu .elementor-nav-menu--main
.elementor-item.elementor-item-active:hover {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #8fbd62,
        #5b8d39
    ) !important;
}

/* ==========================================
   زیرمنوها
   ========================================== */

.khat-menu .sub-menu {
    background: #ffffff !important;
    border: 1px solid #e3edd9;
    border-radius: 13px !important;
    padding: 6px !important;

    box-shadow: 0 12px 30px rgba(40, 70, 30, 0.12);
}

/* گزینه‌های زیرمنو */
.khat-menu .sub-menu .elementor-item {
    display: flex;
    align-items: center;

    width: 100%;
    margin: 0;
    padding: 11px 14px !important;

    color: #34452d !important;
    background: transparent !important;
    border-radius: 8px !important;

    box-shadow: none !important;
    transition:
        background .25s ease,
        color .25s ease,
        padding .25s ease !important;
}

/* هاور زیرمنو */
.khat-menu .sub-menu .elementor-item:hover {
    color: #4f7f2e !important;
    background: #edf5e6 !important;
    padding-right: 20px !important;
}

/* حذف خط زیر از زیرمنو */
.khat-menu .sub-menu .elementor-item::after {
    display: none !important;
}

/* ==========================================
   موبایل و تبلت
   ========================================== */

@media (max-width: 1024px) {
    .khat-menu {
        border-radius: 0 0 25px 0 !important;
    }

    .khat-menu .elementor-nav-menu--main .elementor-item {
        padding: 10px 13px !important;
        margin: 0 2px;
    }
}

@media (max-width: 767px) {
    .khat-menu .elementor-nav-menu--main .elementor-item {
        margin: 2px 0;
        padding: 11px 14px !important;
    }

    .khat-menu .elementor-nav-menu--main .elementor-item::after {
        display: none !important;
    }

    .khat-menu .sub-menu .elementor-item:hover {
        padding-right: 14px !important;
    }
}

/* احترام به تنظیم کاهش حرکت */
@media (prefers-reduced-motion: reduce) {
    .khat-menu,
    .khat-menu * {
        transition: none !important;
    }
}/* End custom CSS */