/*
لایه‌ی چیدمان سایدبار فیلترهای افزونهٔ dm-search-filter داخل آرشیو محصولات این تم.
این فایل فقط چیدمان (grid/flex) را مدیریت می‌کند؛ ظاهر داخلی هر ویجت (رنگ/تایپوگرافی/چیپ) کاملاً
دست خود افزونه است و اینجا override نمی‌شود.
*/

.dm-archive-wrap .dm-archive-body {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.dm-archive-wrap .dm-archive-sidebar {
    flex: 0 0 260px;
    max-width: 260px;
    position: sticky;
    top: 16px;
}

.dm-archive-wrap .dm-archive-sidebar > * {
    margin-bottom: 16px;
}

.dm-archive-wrap .dm-archive-main {
    flex: 1 1 auto;
    min-width: 0;
}

/* هر override ستون‌بندی گرید فقط از ۹۹۳px به بالا (دقیقاً جایی که سایدبار واقعاً نمایش داده می‌شود)
   فعال است — زیر آن، سایدبار display:none است و اصلاً دلیلی برای دست‌زدن به گرید نیست، پس قانون‌های
   ریسپانسیو خودِ تم (loops.css: ۴/۳/لیست‌تک‌ستونه) دست‌نخورده باقی می‌مانند. نسخهٔ قبلی این فایل این
   قانون‌ها را بدون هیچ min-width می‌گذاشت (یا max-width:1200px بدون کف)، که چون سه کلاس در سلکتور
   داشت (اختصاصی‌تر از دو-کلاسیِ loops.css)، در تمام عرض‌های زیر ۱۲۰۰px—از جمله موبایل واقعی—برنده
   می‌شد و قانون لیست تک‌ستونهٔ موبایل تم را override می‌کرد؛ همان ریشهٔ دو باگ گزارش‌شده (۲ و بعد ۳ ستون
   به‌جای ۱ ستون). */
@media (min-width: 993px) {
    .dm-archive-wrap .dm-archive-main .dm-archive-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .dm-archive-wrap .dm-archive-main .dm-archive-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .dm-archive-wrap .dm-archive-sidebar {
        display: none;
    }

    /* نوار مرتب‌سازی چیپی دسکتاپ ([dm_search_sort]) زیر ۹۹۲px مخفی می‌شود — دسترسی به مرتب‌سازی در
       موبایل از قبل با دکمهٔ «مرتب‌سازی» خودِ نوار فیلتر موبایل ([dm_search_mobile_bar]) تأمین می‌شود؛
       بدون این مخفی‌سازی، دو راه دسترسیِ تکراری به یک قابلیت هم‌زمان دیده می‌شد. */
    .dm-archive-wrap .dm-archive-sort-bar {
        display: none;
    }
}