/* ================= Food Menu Manager — Front ================= */
.fmm-menu {
    /* پالت — از تنظیمات سایت avishehfood.ir */
    --fmm-primary: #04783D;
    /* رنگ اصلی (سبز) */
    --fmm-primary-dark: #035c2f;
    --fmm-secondary: #FF6B1A;
    /* رنگ دوم (نارنجی) */
    --fmm-ok: #04783D;
    --fmm-border: #e7e7e7;
    --fmm-muted: #8a8a8a;
    --fmm-text: #686868;
    /* رنگ متن‌ها */
    --fmm-heading: #000000;
    /* رنگ تیترها */
    --fmm-tint: #eef6f1;
    /* ته‌رنگ سبز روشن */
    --fmm-card: #fff;
    --fmm-radius: 12px;

    direction: rtl;
    color: var(--fmm-text);
    font-family: inherit;
    margin: 20px 0;
    line-height: 1.7;
}

.fmm-menu * {
    box-sizing: border-box;
    font-family: inherit;
}

.fmm-menu.fmm-empty {
    padding: 24px;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: center;
    color: var(--fmm-muted);
}

/* ---------- تب‌های تاریخ: بدون اسکرول‌بار + فلش طرفین + درگ ---------- */
.fmm-tabs-wrap {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin-bottom: 18px;
    border-bottom: 2px solid var(--fmm-border);
    padding-bottom: 6px;
}

.fmm-tabs-arrow {
    flex: 0 0 auto;
    width: 36px;
    border: 1px solid var(--fmm-border);
    background: #fff;
    color: var(--fmm-heading);
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
    user-select: none;
}

.fmm-tabs-arrow:hover {
    background: #f0f1f3
}

.fmm-tabs-arrow[disabled] {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.fmm-tabs {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    flex: 1;
    scroll-behavior: smooth;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.fmm-tabs::-webkit-scrollbar {
    display: none
}

.fmm-tabs.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto
}

.fmm-tab {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 82px;
    padding: 10px 16px;
    background: transparent;
    border: 1px solid var(--fmm-primary);
    border-radius: 10px;
    cursor: pointer;
    transition: .15s;
    color: var(--fmm-primary);
}

.fmm-tab:hover {
    background: #e7e9ec
}

.fmm-tab.is-active {
    background: var(--fmm-primary);
    border-color: var(--fmm-primary);
    color: #fff;
    /*transform: scale(1.1);*/
    padding: 10px 40px;
}

/* .fmm-tab.is-disabled {
    opacity: 0.3;
    cursor: not-allowed;
} */

.fmm-tab-day {
    font-weight: 600;
    font-size: 15px;
    pointer-events: none
}

.fmm-tab-wd {
    font-size: 11px;
    opacity: .85;
    pointer-events: none
}

/* ---------- چیدمان: سایدبار راست + محصولات ---------- */
.fmm-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start
}

.fmm-main {
    flex: 1;
    min-width: 0
}

/* نوار ابزار */
.fmm-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    background: var(--fmm-card);
    border: 1px solid var(--fmm-border);
    border-radius: var(--fmm-radius);
    padding: 10px 14px;
    margin-bottom: 16px;
}

.fmm-result-count {
    color: var(--fmm-muted);
    font-size: 13px
}

.fmm-result-count b {
    color: var(--fmm-heading)
}

.fmm-toolbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 1 auto;
    min-width: 0
}

.fmm-orderby {
    padding: 8px 12px;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    background: #fff;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    color: var(--fmm-text);
    max-width: 100%;
    flex: 1 1 auto;
    min-width: 0;
}

.fmm-filter-toggle {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    border: 1px solid var(--fmm-primary);
    background: #fff;
    color: var(--fmm-primary);
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    font-size: 13px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.fmm-filter-toggle svg {
    width: 16px;
    height: 16px
}

/* ---------- سایدبار فیلتر ---------- */
.fmm-sidebar {
    flex: 0 0 250px;
    background: var(--fmm-card);
    border: 1px solid var(--fmm-border);
    border-radius: var(--fmm-radius);
    padding: 16px;
    position: sticky;
    top: 16px;
}

.fmm-sidebar h3 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: var(--fmm-heading)
}

.fmm-widget {
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f1
}

.fmm-widget:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.fmm-widget-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--fmm-heading)
}

.fmm-cat {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    cursor: pointer;
    font-size: 14px;
    color: var(--fmm-text)
}

.fmm-cat input {
    width: 16px;
    height: 16px;
    accent-color: var(--fmm-primary);
    cursor: pointer
}

.fmm-cat .count {
    margin-inline-start: auto;
    color: var(--fmm-muted);
    font-size: 12px;
    background: #f2f3f5;
    border-radius: 10px;
    padding: 1px 8px
}

.fmm-clear-filters {
    margin-top: 6px;
    background: none;
    border: 0;
    color: var(--fmm-primary);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    padding: 0;
}

.fmm-sidebar-close {
    display: none
}

.fmm-panel[hidden] {
    display: none !important
}

/* ---------- شبکه محصولات: دسکتاپ ۴ / تبلت ۲ / موبایل ۱ ---------- */
.fmm-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.fmm-day-title {
    font-weight: 600;
    margin-bottom: 14px;
    color: var(--fmm-heading);
    font-size: 16px
}

.fmm-empty-state {
    grid-column: 1/-1;
    text-align: center;
    color: var(--fmm-muted);
    padding: 40px;
    background: var(--fmm-card);
    border: 1px dashed var(--fmm-border);
    border-radius: var(--fmm-radius);
}

.fmm-product {
    border: 1px solid var(--fmm-border);
    border-radius: var(--fmm-radius);
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .15s, transform .15s;
}

.fmm-product.is-hidden {
    display: none
}

.fmm-product:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
    transform: translateY(-2px)
}

.fmm-thumb {
    background: linear-gradient(135deg, #f1f8f4, #e6f4ec);
    overflow: hidden
}

.fmm-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.fmm-body {
    padding: 12px 14px 4px;
    flex: 1
}

.fmm-cat-tag {
    display: inline-block;
    font-size: 11px;
    color: var(--fmm-muted);
    background: #f2f3f5;
    border-radius: 8px;
    padding: 2px 8px;
    margin-bottom: 8px
}

.fmm-name {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: var(--fmm-heading)
}

.fmm-desc {
    margin: 0 0 8px;
    font-size: 12.5px;
    color: var(--fmm-text);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fmm-price {
    color: var(--fmm-secondary);
    font-weight: 600;
    font-size: 15px
}

.fmm-price del {
    color: var(--fmm-muted);
    font-weight: 400;
    margin-inline-start: 6px;
    font-size: 13px
}

.fmm-price ins {
    text-decoration: none
}

.fmm-price .unit {
    font-size: 12px;
    font-weight: 400;
    color: var(--fmm-muted)
}

/* دکمه/شمارنده افزودن به سبد */
.fmm-cart-area {
    padding: 12px 14px 14px
}

.fmm-add {
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 9px;
    background: var(--fmm-primary);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    transition: background .15s;
}

.fmm-add:hover {
    background: var(--fmm-primary-dark)
}

/* .fmm-add:disabled {
    opacity: .7;
    cursor: default
} */

.fmm-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--fmm-primary);
    border-radius: 9px;
    overflow: hidden;
    height: 42px;
}

.fmm-stepper.is-busy {
    opacity: .6;
    pointer-events: none
}

.fmm-step-btn {
    width: 44px;
    height: 100%;
    border: 0;
    background: #fff;
    color: var(--fmm-primary);
    font-size: 22px;
    font-family: 'dashicons';
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}

.fmm-step-btn:hover {
    background: var(--fmm-tint)
}

.fmm-step-btn.minus.is-remove {
    color: #d63638
}

.fmm-qty {
    font-weight: 600;
    font-size: 16px;
    min-width: 34px;
    text-align: center;
    color: var(--fmm-heading);
    line-height: 1.1
}

.fmm-qty small {
    display: block;
    font-size: 10px;
    color: var(--fmm-ok);
    font-weight: 400;
    margin-top: -2px
}

/* سبد شناور */
.fmm-cart-fab {
    position: fixed;
    bottom: 20px;
    inset-inline-start: 20px;
    background: var(--fmm-heading);
    color: #fff;
    border-radius: 30px;
    padding: 10px 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
    font-weight: 700;
    z-index: 50;
    text-decoration: none;
}

.fmm-cart-fab .badge {
    background: var(--fmm-secondary);
    border-radius: 50%;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

/* بک‌دراپ و توست */
.fmm-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 60
}

.fmm-backdrop.is-open {
    display: block
}

.fmm-toast {
    position: fixed;
    z-index: 99999;
    bottom: 24px;
    inset-inline-start: 24px;
    max-width: 320px;
    padding: 12px 16px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .2s, transform .2s;
    pointer-events: none;
    direction: rtl;
}

.fmm-toast.is-show {
    opacity: 1;
    transform: translateY(0)
}

.fmm-toast.is-ok {
    background: #04783D
}

.fmm-toast.is-error {
    background: #c0392b
}

/* ---------- تبلت: ۲ ستون + سایدبار درور ---------- */
@media (max-width:992px) {
    .fmm-products {
        grid-template-columns: repeat(2, 1fr)
    }

    .fmm-filter-toggle {
        display: inline-flex
    }

    .fmm-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        height: 100%;
        width: 82%;
        max-width: 320px;
        z-index: 999;
        border-radius: 0;
        transform: translateX(100%);
        transition: transform .25s ease;
        overflow: auto;
        box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    }

    .fmm-sidebar.is-open {
        transform: translateX(0)
    }

    .fmm-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 12px;
        left: 12px;
        width: 32px;
        height: 32px;
        border: 0;
        background: #f2f3f5;
        border-radius: 8px;
        cursor: pointer;
        font-size: 18px
    }
}

/* جلوگیری از بیرون‌زدن مرتب‌سازی در عرض کم */
@media (max-width:600px) {
    .fmm-result-count {
        flex: 1 1 100%
    }

    .fmm-toolbar-left {
        flex: 1 1 100%;
        width: 100%
    }

    .fmm-orderby {
        flex: 1 1 auto
    }
}

/* ---------- موبایل: ۱ ستون ---------- */
@media (max-width:576px) {
    .fmm-products {
        grid-template-columns: 1fr
    }

    .fmm-name {
        font-size: 15px
    }
}


.fmm-product-disabled {
    opacity: .65;
    
}

.fmm-product-disabled .fmm-cart-area {
    pointer-events: none;
}

.fmm-disabled-order {
    cursor: not-allowed;
    opacity: .7;
}

.fmm-tab.is-locked {
    opacity: .5;
    color: #414141;
    border-color: #414141
}

.fmm-tab.is-locked.is-active {
    opacity: .5;
    color: #fff;
    border-color: #454545d4;
    background: #454545d4;
}

.fmm-menu span{
        font-family: 'yekan bakh' !important;
}