/* ===== Mini Order Tooltip: فقط استایل داخلی؛ پوزیشن و افکت‌ها با smart-tooltip است ===== */

.smart-tooltip .mini-order-tooltip{
    direction: rtl;
    /* ریست خصوصیات ظرف؛ همه‌ی کنترل‌ها با smart-tooltip */
    position: static;
    bottom: auto;
    width: auto;
    padding: 0;              /* پدینگ را smart-tooltip می‌دهد */
    background: transparent; /* پس‌زمینه و حاشیه را smart-tooltip می‌دهد */
    border: 0;
    box-shadow: none;
    max-width: 100%;         /* ظرف smart-tooltip max-width دارد (213px) */
}

/* هدر */
.mot-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

/* آواتارهای اوورلپ */
.mot-avatars{
    direction: ltr;
    display: flex;
    align-items: center;
}
.mot-avatars img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    object-fit: cover;
    margin-left: -8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.mot-avatars img:first-child{ margin-left: 0; z-index: 3 }
.mot-avatars img:last-child{ z-index: -1 }

/* شمارنده با گرادیانت */
.mot-count{
    font-weight: 700;
    font-size: 33.04px;
    line-height: 1;
    color: var(--color-blue-mid);
}
@supports (-webkit-background-clip:text) or (background-clip:text){
    .mot-count{
        background: linear-gradient(224deg, #FFFFFF 7%, var(--color-green-teal) 38%, var(--color-blue-mid) 80%, #01509E 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        background-size: 200% 199%;
        background-position: 0 0;
    }
}

/* متن */
.mot-text{
    margin: 2px 0 10px;
    color: var(--color-white, #fff);
    font-size: 16px;
    line-height: 1.7;
    opacity: .95;
    font-weight: 700;
    text-align: right;
}

/* دکمه کوچک */
.order-btn--sm{
    padding: 9px 14px;
    font-size: 14px;
    gap: 6px;
    border-radius: 22px;
}
.order-btn--sm svg{
    display: inline-block;
    vertical-align: middle;
}

/* واکنش‌گرا */
@media (max-width: 425px) {
    .mot-count{ display: none; }
}