/* Footer — Hero widget (isolated under .mlm-footer-v2) */
.mlm-footer-v2 .mlm-hero-widget{
    /* ظاهر واقعی هِرو فقط روی خود ابزارک */
    background: linear-gradient(180deg, rgba(15,23,42,.96) 0%, rgba(15,23,42,.88) 100%);
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 14px;

    /* پَدینگ افقی نصفِ قبل (کوچکتر از همیشه) */
    padding: 12px 6px;

    color: #cbd5e1;
    overflow: hidden; /* لبه‌ها تمیز */
}
.mlm-footer-v2 .mlm-hero-widget > .container{
    padding-left: 6px;
    padding-right: 6px;
}

/* ---------- Chips (بلوک چیپ‌ها) ---------- */
.mlm-footer-v2 .mlm-hero-left .chips { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.mlm-footer-v2 .chip {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 7px 11px; border-radius: 10px; font-weight: 600; font-size: 13px; /* ↓ از 14 به 13 */
    border: 1px solid rgba(148,163,184,.18); background: rgba(148,163,184,.10); color: #e2e8f0;
}
.mlm-footer-v2 .chip .chip-dot { width: 9px; height: 9px; border-radius: 999px; background: currentColor; display: inline-block; }
.mlm-footer-v2 .chip--purple { color: #c4b5fd; border-color: rgba(124,58,237,.35); background: rgba(124,58,237,.15); }
.mlm-footer-v2 .chip--green  { color: #86efac; border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.12); }
.mlm-footer-v2 .chip--blue   { color: #93c5fd; border-color: rgba(59,130,246,.35); background: rgba(59,130,246,.12); }
.mlm-footer-v2 .chip--orange { color: #fdba74; border-color: rgba(234,88,12,.35);  background: rgba(234,88,12,.12); }
.mlm-footer-v2 .mlm-hero-left .caption { color: #cbd5e1; opacity: .95; }

/* ---------- Center stats ---------- */
.mlm-footer-v2 .mlm-hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; text-align: center; }
.mlm-footer-v2 .mlm-hero-stats .stat { padding: 8px 4px; }
.mlm-footer-v2 .mlm-hero-stats .icon { font-size: 24px; color: #e2e8f0; } /* ↓ از 28 به 24 */
.mlm-footer-v2 .mlm-hero-stats .icon .laurel { width: 36px; height: 36px; opacity: .9; } /* ↓ از 40 به 36 */
.mlm-footer-v2 .mlm-hero-stats .icon .emoji { font-size: 26px; } /* ↓ */
.mlm-footer-v2 .mlm-hero-stats .num { font-size: 28px; font-weight: 800; color: #f1f5f9; letter-spacing: .5px; } /* ↓ از 34 به 28 */
.mlm-footer-v2 .mlm-hero-stats .dots { margin: 5px 0 2px; display: flex; justify-content: center; gap: 4px; }
.mlm-footer-v2 .mlm-hero-stats .dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(148,163,184,.45); } /* ↓ از 10 به 8 */
.mlm-footer-v2 .mlm-hero-stats .stars { font-size: 18px; color: #fbbf24; letter-spacing: 2px; margin: 5px 0 2px; } /* ↓ از 20 به 18 */
.mlm-footer-v2 .mlm-hero-stats .sub { color: #cbd5e1; }

/* ---------- Right title ---------- */
.mlm-footer-v2 .mlm-hero-right .title { font-size: 24px; font-weight: 800; color: #f8fafc; margin: 0; } /* ↓ از 28 به 24 */
.mlm-footer-v2 .mlm-hero-right .desc  { color: #cbd5e1; opacity: .95; margin-top: 6px; }

/* ---------- RTL Ordering (بدون تغییر PHP) ---------- */
html[dir="rtl"] .mlm-hero-widget .row { display:flex; }
html[dir="rtl"] .mlm-hero-widget .col-12.col-md-3.order-1.order-md-3 { order: 1; } /* عنوان راست */
html[dir="rtl"] .mlm-hero-widget .col-12.col-md-6.order-3.order-md-2 { order: 2; } /* آمار وسط */
html[dir="rtl"] .mlm-hero-widget .col-12.col-md-3.order-2.order-md-1 { order: 3; } /* چیپ‌ها چپ */

/* ریسپانسیو: در موبایل تک‌ستونه شود و باز هم کمی کوچک‌تر */
@media (max-width: 991.98px){
    .mlm-footer-v2 .mlm-hero-stats { grid-template-columns: 1fr; }
    .mlm-footer-v2 .mlm-hero-right .title { font-size: 22px; }
    .mlm-footer-v2 .mlm-hero-stats .num { font-size: 26px; }
}
/* === Patch: tighter side spacing for Hero === */
.mlm-footer-v2 .mlm-hero-widget{
    margin-inline: 0px;   /* فاصله سفید بیرونی از دیواره‌ها – قبلاً 0 بود */
    padding-inline: 8px;   /* فاصله داخلی باکس – قبلاً 6px بود */
}
.mlm-footer-v2 .mlm-hero-widget > .container{
    padding-left: 8px;     /* قبلاً 6px بود */
    padding-right: 8px;
}
/* گاتر ستون‌ها را هم با همین نسبت کمی بیشتر کن تا همه‌چیز هماهنگ باشد */
.mlm-footer-v2 .mlm-hero-widget .row{ margin-left: -8px; margin-right: -8px; }         /* قبلاً -6px */
.mlm-footer-v2 .mlm-hero-widget [class*="col-"]{ padding-left: 8px; padding-right: 8px; } /* قبلاً 6px */