/* دیوی فارسی — ماژول‌های اضافی: پایه‌ی مشترکِ جلوی سایت.
   هر ماژول استایلِ اختصاصیِ خودش را جدا اضافه می‌کند؛ این فایل فقط
   چیزهای واقعاً مشترک بین همه‌ی ماژول‌هاست. */
.dfme-module {
    box-sizing: border-box;
}

.dfme-module *,
.dfme-module *::before,
.dfme-module *::after {
    box-sizing: inherit;
}

/* صفحه‌بندیِ مشترکِ ماژول‌های شبکه (پست، CPT، محصول) — همان قواعدِ سراسریِ
   .df-pagination در style.min.css رفرنس که روی همه‌ی صفحه‌ها لود می‌شود؛ خودِ
   ماژول جهتِ فلش را با !important روی content می‌نویسد. فاصله‌ها منطقی‌اند
   تا در راست‌چین خودبه‌خود آینه شوند. */
.dfme-pagination {
    display: flex;
    justify-content: center;
}

.dfme-pagination::after {
    display: none !important;
}

.dfme-pagination .page-numbers {
    font-size: 16px;
    border: 0 solid;
    margin-inline-end: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dfme-pagination .page-numbers:last-child {
    margin-inline-end: 0 !important;
}

.dfme-pagination a.older::before,
.dfme-pagination a.prev::before,
.dfme-pagination a.newer::after,
.dfme-pagination a.next::after {
    font-family: ETmodules;
    speak: none;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    display: inline-block;
    box-sizing: border-box;
    direction: ltr;
}

.dfme-pagination a.older::before,
.dfme-pagination a.prev::before {
    content: "4";
    margin-inline-end: 5px;
}

.dfme-pagination a.newer::after,
.dfme-pagination a.next::after {
    content: "5";
    margin-inline-start: 5px;
}

/* راست‌چین: پیش‌فرضِ فلش‌ها برعکس (قبلی به راست، بعدی به چپ). */
[dir="rtl"] .dfme-pagination a.older::before,
[dir="rtl"] .dfme-pagination a.prev::before {
    content: "5";
}

[dir="rtl"] .dfme-pagination a.newer::after,
[dir="rtl"] .dfme-pagination a.next::after {
    content: "4";
}