.mlm-footer-v2 .w13-list-logo{
    direction: rtl;
    text-align: right !important;
    padding: 8px 0;

    /* تنظیمات سریع */
    --w13-logo-pad: 8px;        /* پدینگ دور لوگو/متن جایگزین */
    --w13-gap: 6px;             /* فاصله لوگو تا فهرست */
    --w13-logo-max-w: 240px;    /* بیشینه عرض لوگو */
    --w13-logo-max-h: 112px;    /* بیشینه ارتفاع لوگو */
    --w13-logo-area-h: 128px;   /* ارتفاع ناحیه لوگو برای هم‌ترازی با/بدون لوگو */
}

.mlm-footer-v2 .w13-list-logo .w13-logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;        /* خود لوگو/متن سمت راست */
    text-align: right;
    min-height: var(--w13-logo-area-h);
    margin-bottom: var(--w13-gap);
    padding: var(--w13-logo-pad);
}

.mlm-footer-v2 .w13-list-logo .w13-logo img{
    display: block;
    margin: 0;
    max-width: var(--w13-logo-max-w);
    max-height: var(--w13-logo-max-h);
    height: auto;
    object-fit: contain;
}

.mlm-footer-v2 .w13-list-logo .w13-logo .w13-logo-text{
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #0f172a;
    text-align: right;
}

/* فهرست — ساده و قطعی راست‌چین (بدون Flex اضافی) */
.mlm-footer-v2 .w13-list-logo .w13-list{ direction: rtl; text-align: right !important; width: 100%; }
.mlm-footer-v2 .w13-list-logo .w13-list ul{ list-style: none; margin: 0; padding: 0; }
.mlm-footer-v2 .w13-list-logo .w13-list li{ margin: 0 0 12px 0; text-align: right !important; }
.mlm-footer-v2 .w13-list-logo .w13-list li:last-child{ margin-bottom: 0; }
.mlm-footer-v2 .w13-list-logo .w13-list a,
.mlm-footer-v2 .w13-list-logo .w13-list span{
    display: inline-block;
    text-align: right !important;
    color: #0f172a;
    font-weight: 600;
    text-decoration: none;
}
.mlm-footer-v2 .w13-list-logo .w13-list a:hover{ opacity: .85; }

/* اگر همین ابزارک داخل باکس تیره هرو بود */
.mlm-footer-v2 .mlm-footer-hero .w13-list-logo .w13-list a,
.mlm-footer-v2 .mlm-footer-hero .w13-list-logo .w13-list span,
.mlm-footer-v2 .mlm-footer-hero .w13-list-logo .w13-logo .w13-logo-text{
    color: #e2e8f0;
}
/* Accordion (mobile) for Widget #13 — new style */
.mlm-footer-v2 .w13-list-logo .w13-acc{ display: none; }

@media (max-width: 576px){
    /* نسخه دسکتاپ در موبایل مخفی */
    .mlm-footer-v2 .w13-list-logo .w13-logo,
    .mlm-footer-v2 .w13-list-logo .w13-list{ display: none !important; }

    /* آکاردئون روشن با فلش مربعی سمت چپ */
    .mlm-footer-v2 .w13-list-logo .w13-acc{
        display: block;
        margin: 10px 0;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc > summary{
        position: relative;
        cursor: pointer;
        background: #f6f8fb;
        border: 1px solid rgba(15,23,42,.08);
        border-radius: 12px;
        padding: 12px 16px 12px 56px; /* فضای آیکن سمت چپ */
        font-weight: 800;
        font-size: 16px;
        color: #0f172a;
        text-align: right;      /* عنوان راست‌چین */
        list-style: none;
    }
    /* حذف مارکر پیش‌فرض summary */
    .mlm-footer-v2 .w13-list-logo .w13-acc summary::-webkit-details-marker{ display:none; }

    /* باکس مربعی سمت چپ */
    .mlm-footer-v2 .w13-list-logo .w13-acc > summary::before{
        content:"";
        position:absolute;
        left: 12px;                   /* در موبایل RTL، آیکن سمت چپ */
        top: 50%;
        transform: translateY(-50%);
        width: 32px; height: 32px;
        border-radius: 10px;
        background: #eef2f6;
    }
    /* فلش داخل باکس */
    .mlm-footer-v2 .w13-list-logo .w13-acc > summary::after{
        content:"";
        position:absolute;
        left: 12px;
        top: 50%;
        transform: translate(10px,-50%) rotate(45deg);
        width: 8px; height: 8px;
        border: 2px solid #9aa4b2;
        border-top-color: transparent;
        border-left-color: transparent;
    }
    /* وقتی باز است، فلش برگردد */
    .mlm-footer-v2 .w13-list-logo .w13-acc[open] > summary::after{
        transform: translate(10px,-50%) rotate(225deg);
    }

    /* لیست داخل آکاردئون (راست‌چین) */
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list{
        padding: 10px 0 0;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list ul{
        margin: 0; padding: 0; list-style: none;
        display: flex; flex-direction: column; gap: 12px;
        align-items: flex-end;    /* آیتم‌ها کاملاً راست‌تراز */
        text-align: right;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list a,
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list span{
        display: inline-block;
        text-decoration: none;
        color: #0f172a;
        font-weight: 600;
    }

    /* اگر داخل باکس تیره هِرو باشد، رنگ لینک‌ها روشن شود */
    .mlm-footer-v2 .mlm-footer-hero .w13-list-logo .w13-acc .w13-acc-list a,
    .mlm-footer-v2 .mlm-footer-hero .w13-list-logo .w13-acc .w13-acc-list span{
        color: #e2e8f0;
    }
}
/* --- fixes for mobile accordion spacing + alignment + item styling --- */
@media (max-width: 576px){
    /* 1) فاصله‌ی بین آکاردئون‌ها کمتر */
    .mlm-footer-v2 .w13-list-logo .w13-acc{
        margin: 6px 0 !important;     /* قبلاً 10px بود */
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list{
        padding-top: 6px !important;  /* قبلاً 10px بود */
    }

    /* 2) منوها قطعاً راست‌چین */
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list ul{
        direction: rtl !important;
        text-align: right !important;
        align-items: flex-end !important;
        gap: 8px !important;          /* قبلاً 12px بود → جمع‌تر */
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li{
        width: 100%;
        display: flex;
        justify-content: flex-end;    /* آیتم‌ها به راست بچسبند */
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list a,
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list span{
        text-align: right !important;
    }

    /* 3) استایل شکیل برای آیتم‌ها (پس‌زمینه روشن + کادر لطیف) */
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > a,
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > span{
        background: #f8fafc;
        border: 1px solid rgba(15,23,42,.06);
        border-radius: 10px;
        padding: 10px 12px;
        color: #0f172a;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(2,6,23,.04);
        display: inline-block;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > a:hover{
        background: #eef2f6;
    }
}
/* --- FIX: tighten spacing + force RTL alignment for mobile accordions --- */
@media (max-width: 576px){

    /* 1) خود آکاردئون‌ها جمع‌وجورتر */
    .mlm-footer-v2 .w13-list-logo{ padding: 0 !important; }
    .mlm-footer-v2 .w13-list-logo .w13-acc{ margin: 4px 0 !important; }
    .mlm-footer-v2 .w13-list-logo .w13-acc > summary{ margin: 0 !important; }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list{ padding-top: 4px !important; }

    /* اگر فاصلهٔ عمودی از خود ستون/row می‌آید → این خط جمعش می‌کند */
    .mlm-footer-v2 .mlm-footer-cols .row > div:has(.w13-list-logo){
        margin-bottom: 6px !important;
        padding-bottom: 0 !important;
    }

    /* 2) راست‌چینِ قطعی آیتم‌ها (نمای بلوکی ساده، ضد هر استایل سراسری) */
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list ul{
        display: block !important;
        direction: rtl !important;
        text-align: right !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li{
        display: block !important;
        margin: 6px 0 !important;
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > a,
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > span{
        display: inline-block !important;
        text-align: right !important;
        background: #f8fafc;
        border: 1px solid rgba(15,23,42,.08);
        border-radius: 10px;
        padding: 10px 12px;
        color: #0f172a;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(2,6,23,.04);
    }
    .mlm-footer-v2 .w13-list-logo .w13-acc .w13-acc-list li > a:hover{
        background: #eef2f6;
    }
}
