/* /Views/News/Category.cshtml.rz.scp.css */
/* =========================
   Custom Breadcrumb — Light / Dark Optimized
   Scope: .custom-breadcrumb
========================= */

.custom-breadcrumb[b-zu0h1y91y7] {
    --cb-text: var(--text);
    --cb-muted: var(--muted);
    --cb-line: var(--line);
    --cb-accent: var(--accent);
    --cb-brand: var(--brand);
    /* light defaults */
    --cb-link: color-mix(in srgb, var(--cb-accent) 90%, black 10%);
    --cb-link-hover: color-mix(in srgb, var(--cb-accent) 100%, black 0%);
    --cb-separator: color-mix(in srgb, var(--cb-text) 45%, transparent 55%);
    --cb-active: var(--cb-text);
    font-size: .95rem;
    background: transparent;
    padding: 0;
    margin-bottom: 2rem;
}

/* DARK overrides */
:root[data-theme="dark"] .custom-breadcrumb[b-zu0h1y91y7] {
    --cb-link: color-mix(in srgb, var(--cb-brand) 92%, white 8%);
    --cb-link-hover: color-mix(in srgb, var(--cb-brand) 100%, white 0%);
    --cb-separator: color-mix(in srgb, var(--cb-text) 55%, transparent 45%);
    --cb-active: color-mix(in srgb, var(--cb-text) 90%, white 10%);
}

.custom-breadcrumb .breadcrumb[b-zu0h1y91y7] {
    margin-bottom: 0;
    background: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: .25rem;
}

/* Item */
.custom-breadcrumb .breadcrumb-item[b-zu0h1y91y7] {
    color: var(--cb-muted);
    position: relative;
    padding-left: 1.1rem;
    transition: color .2s ease;
}

    /* Separator */
    .custom-breadcrumb .breadcrumb-item[b-zu0h1y91y7]::before {
        content: "›";
        position: absolute;
        left: 0;
        color: var(--cb-separator);
        font-size: .9rem;
        font-weight: 700;
    }

    .custom-breadcrumb .breadcrumb-item:first-child[b-zu0h1y91y7]::before {
        content: none;
    }

    /* Links */
    .custom-breadcrumb .breadcrumb-item a[b-zu0h1y91y7] {
        color: var(--cb-link);
        text-decoration: none;
        font-weight: 600;
        transition: color .18s ease, opacity .18s ease;
    }

        .custom-breadcrumb .breadcrumb-item a:hover[b-zu0h1y91y7] {
            color: var(--cb-link-hover);
            opacity: .9;
        }

    /* Active item */
    .custom-breadcrumb .breadcrumb-item.active[b-zu0h1y91y7] {
        color: var(--cb-active);
        font-weight: 700;
    }

        .custom-breadcrumb .breadcrumb-item.active a[b-zu0h1y91y7] {
            color: var(--cb-active);
            pointer-events: none;
            text-decoration: none;
        }

    /* subtle underline animation (مدرن‌تر) */
    .custom-breadcrumb .breadcrumb-item a[b-zu0h1y91y7] {
        position: relative;
    }

        .custom-breadcrumb .breadcrumb-item a[b-zu0h1y91y7]::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: -2px;
            width: 0;
            height: 1px;
            background: currentColor;
            transition: width .2s ease;
        }

        .custom-breadcrumb .breadcrumb-item a:hover[b-zu0h1y91y7]::after {
            width: 100%;
        }

/* Mobile refinement */
@media (max-width:576px) {
    .custom-breadcrumb[b-zu0h1y91y7] {
        font-size: .88rem;
        margin-bottom: 1.2rem;
    }
}
/* /Views/News/Details.cshtml.rz.scp.css */
/* =====================================================================
   NEWS DETAILS — Pro / Complete Rewrite (Light + Dark)
   Scope: everything under .newsd (هیچ اثری روی بقیه سایت نذاره)
   ✅ سازگار با HTML فعلی شما
   ✅ توکن‌محور (از رنگ‌های سایت: --surface --text --muted --line --line-2 --soft --accent --brand)
   ✅ دارک/لایت بدون سفیدی ناخواسته در hover
===================================================================== */

/* ---------------------------
   0) Root tokens (scoped)
---------------------------- */
.newsd[b-8xy763iov3] {
    /* fallback-safe global tokens */
    --nd-surface: var(--surface, #ffffff);
    --nd-text: var(--text, rgba(0,0,0,.88));
    --nd-muted: var(--muted, rgba(0,0,0,.62));
    --nd-line: var(--line, rgba(0,0,0,.10));
    --nd-line2: var(--line-2, rgba(0,0,0,.07));
    --nd-soft: var(--soft, #f7f8fa);
    --nd-accent: var(--accent, #0d6efd); /* آبی سایت */
    --nd-brand: var(--brand, #ff8000); /* نارنجی برند */
    /* visual system */
    --nd-bg: transparent;
    --nd-card: var(--nd-surface);
    --nd-radius: 18px;
    --nd-radius-sm: 14px;
    --nd-pad: 16px;
    --nd-pad-sm: 14px;
    /* shadows (light) */
    --nd-shadow: 0 10px 26px rgba(0,0,0,.06);
    --nd-shadow2: 0 18px 44px rgba(0,0,0,.10);
    /* hover/focus */
    --nd-hover-bg: color-mix(in srgb, var(--nd-accent) 6%, transparent);
    --nd-hover-border: color-mix(in srgb, var(--nd-accent) 22%, transparent);
    --nd-focus: color-mix(in srgb, var(--nd-accent) 24%, transparent);
    /* links */
    --nd-link: var(--nd-accent);
    --nd-link-hover: color-mix(in srgb, var(--nd-accent) 88%, black 12%);
    /* typography */
    --nd-title: color-mix(in srgb, var(--nd-text) 96%, transparent);
    --nd-title2: color-mix(in srgb, var(--nd-text) 92%, transparent);
    --nd-body: color-mix(in srgb, var(--nd-text) 90%, transparent);
    background: var(--nd-bg);
    color: var(--nd-text);
}

/* DARK overrides (فقط کنتراست و رفتار؛ هویت حفظ میشه) */
:root[data-theme="dark"] .newsd[b-8xy763iov3] {
    --nd-card: var(--nd-surface);
    --nd-shadow: 0 14px 34px rgba(0,0,0,.55);
    --nd-shadow2: 0 20px 50px rgba(0,0,0,.70);
    /* در دارک، hover با برند نارنجی بهتر می‌نشینه */
    --nd-hover-bg: color-mix(in srgb, var(--nd-brand) 10%, transparent);
    --nd-hover-border: color-mix(in srgb, var(--nd-brand) 26%, transparent);
    --nd-focus: color-mix(in srgb, var(--nd-brand) 28%, transparent);
    --nd-link: color-mix(in srgb, var(--nd-brand) 92%, white 8%);
    --nd-link-hover: var(--nd-brand);
    --nd-title: rgba(255,255,255,.94);
    --nd-title2: rgba(255,255,255,.90);
    --nd-body: rgba(255,255,255,.88);
}

/* ---------------------------
   1) Container spacing
---------------------------- */
.newsd__container[b-8xy763iov3] {
    padding-top: 16px;
    padding-bottom: 52px;
}

/* ---------------------------
   2) Cards unify (Bootstrap-friendly)
---------------------------- */
.newsd .card[b-8xy763iov3] {
    border: 1px solid var(--nd-line);
    border-radius: var(--nd-radius);
    background: var(--nd-card);
    box-shadow: var(--nd-shadow);
    overflow: hidden;
}

.newsd .card-body[b-8xy763iov3] {
    padding: var(--nd-pad);
}

@media (max-width:576px) {
    .newsd .card-body[b-8xy763iov3] {
        padding: var(--nd-pad-sm);
    }
}

/* clickable card hover helper (اگر لازم شد) */
.newsd .card.is-hover:hover[b-8xy763iov3] {
    transform: translateY(-2px);
    box-shadow: var(--nd-shadow2);
    border-color: var(--nd-hover-border);
}

/* ---------------------------
   3) Breadcrumb
---------------------------- */
.newsd__breadcrumb[b-8xy763iov3] {
    font-size: .92rem;
    color: var(--nd-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-bottom: 10px;
}

    .newsd__breadcrumb a[b-8xy763iov3] {
        color: var(--nd-muted);
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color .16s ease, border-color .16s ease;
    }

        .newsd__breadcrumb a:hover[b-8xy763iov3] {
            color: var(--nd-title2);
            border-bottom-color: color-mix(in srgb, var(--nd-title2) 22%, transparent);
        }

    .newsd__breadcrumb .sep[b-8xy763iov3] {
        opacity: .55;
    }

    .newsd__breadcrumb .current[b-8xy763iov3] {
        color: color-mix(in srgb, var(--nd-muted) 80%, transparent);
    }

/* ---------------------------
   4) Header (Title + Meta)
---------------------------- */
.newsd__header[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__headerTop[b-8xy763iov3] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.newsd__badge[b-8xy763iov3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: .84rem;
    line-height: 1;
    border: 1px solid color-mix(in srgb, #ffc107 38%, transparent);
    background: color-mix(in srgb, #ffc107 18%, transparent);
    color: color-mix(in srgb, #6a5203 92%, black 8%);
}

:root[data-theme="dark"] .newsd__badge[b-8xy763iov3] {
    background: color-mix(in srgb, #ffc107 20%, transparent);
    border-color: color-mix(in srgb, #ffc107 40%, transparent);
    color: rgba(255,255,255,.90);
}

/* subtitle h3 در کدت با همین کلاس میاد؛ متفاوتش می‌کنیم */
.newsd__title.h3[b-8xy763iov3] {
    font-size: clamp(16px, .9vw + 12px, 20px);
    font-weight: 900;
    letter-spacing: -.2px;
    line-height: 1.9;
    margin: 0 0 6px;
    color: var(--nd-title2) !important;
    opacity: .92;
}

/* main title */
.newsd__title[b-8xy763iov3] {
    font-size: clamp(22px, 1.9vw + 12px, 36px);
    font-weight: 950;
    letter-spacing: -.35px;
    line-height: 1.55;
    margin: 0 0 8px;
    color: var(--nd-title) !important;
    text-wrap: balance;
}

/* subtitle paragraph */
.newsd__subtitle[b-8xy763iov3] {
    margin: 0 0 12px;
    font-size: 1.02rem;
    line-height: 2.0;
    color: var(--nd-muted);
}

.newsd__meta[b-8xy763iov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    font-size: .93rem;
    color: var(--nd-muted);
    align-items: center;
}

    .newsd__meta .mi[b-8xy763iov3] {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        white-space: nowrap;
    }

        .newsd__meta .mi .k[b-8xy763iov3] {
            color: color-mix(in srgb, var(--nd-muted) 88%, transparent);
            font-weight: 900;
        }

        .newsd__meta .mi .sub[b-8xy763iov3] {
            color: color-mix(in srgb, var(--nd-muted) 80%, transparent);
            margin-right: 6px;
            font-weight: 700;
        }

    .newsd__meta .mi--stats[b-8xy763iov3] {
        margin-right: auto;
        white-space: normal;
        display: inline-flex;
        gap: 10px;
        align-items: center;
    }

    .newsd__meta .dot[b-8xy763iov3] {
        opacity: .55;
        padding: 0 4px;
    }

/* ---------------------------
   5) Layout
---------------------------- */
.newsd__layout[b-8xy763iov3] {
    margin-top: 10px;
}

/* ---------------------------
   6) Gallery on page (Carousel + thumbs)
---------------------------- */
.newsd__media[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__galleryHead[b-8xy763iov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

    .newsd__galleryHead .h[b-8xy763iov3] {
        font-weight: 950;
        letter-spacing: -.2px;
        color: var(--nd-title2);
    }

    .newsd__galleryHead .s[b-8xy763iov3] {
        font-size: .9rem;
        color: var(--nd-muted);
        margin-top: 2px;
    }

.newsd__carousel[b-8xy763iov3] {
    position: relative;
    border-radius: var(--nd-radius-sm);
    overflow: hidden;
    background: var(--nd-soft);
    border: 1px solid var(--nd-line2);
}

.newsd__imgBtn[b-8xy763iov3] {
    position: relative;
    border: 0;
    padding: 0;
    background: transparent;
    width: 100%;
    cursor: zoom-in;
    display: block;
    text-align: inherit;
}

.newsd__img[b-8xy763iov3] {
    width: 100%;
    max-height: 620px; /* بزرگ‌تر */
    object-fit: cover;
    display: block;
}

@media (max-width:992px) {
    .newsd__img[b-8xy763iov3] {
        max-height: 480px;
    }
}

/* subtle readability overlay */
.newsd__carousel[b-8xy763iov3]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 70% at 50% 18%, rgba(0,0,0,0) 35%, rgba(0,0,0,.18) 100%), linear-gradient(to top, rgba(0,0,0,.44), rgba(0,0,0,0) 55%);
    opacity: .35;
    z-index: 1;
}

:root[data-theme="dark"] .newsd__carousel[b-8xy763iov3]::before {
    opacity: .28;
}

/* Counter on image */
.newsd__counter[b-8xy763iov3] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: .88rem;
    line-height: 1;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
}

/* Caption under image */
.newsd__caption[b-8xy763iov3] {
    position: relative;
    z-index: 2;
    padding: 10px 12px;
    font-size: .95rem;
    line-height: 1.9;
    color: var(--nd-muted);
    border-top: 1px solid var(--nd-line2);
    background: var(--nd-card);
}

/* Custom nav arrows */
.newsd__nav[b-8xy763iov3] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--nd-text) 12%, transparent);
    background: color-mix(in srgb, var(--nd-card) 92%, transparent);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    display: grid;
    place-items: center;
    z-index: 5;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

    .newsd__nav:hover[b-8xy763iov3] {
        transform: translateY(-50%) scale(1.05);
        background: var(--nd-card);
        border-color: var(--nd-hover-border);
        box-shadow: 0 18px 34px rgba(0,0,0,.16);
    }

    .newsd__nav:active[b-8xy763iov3] {
        transform: translateY(-50%) scale(.98);
    }

.newsd__nav--prev[b-8xy763iov3] {
    right: 10px;
}

.newsd__nav--next[b-8xy763iov3] {
    left: 10px;
}

.newsd__navIcon svg[b-8xy763iov3] {
    width: 22px;
    height: 22px;
    fill: color-mix(in srgb, var(--nd-text) 80%, transparent);
}

:root[data-theme="dark"] .newsd__nav[b-8xy763iov3] {
    background: color-mix(in srgb, #000 30%, var(--nd-card));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 18px 36px rgba(0,0,0,.45);
}

:root[data-theme="dark"] .newsd__navIcon svg[b-8xy763iov3] {
    fill: rgba(255,255,255,.92);
}

@media (max-width:576px) {
    .newsd__nav[b-8xy763iov3] {
        width: 40px;
        height: 40px;
    }

    .newsd__navIcon svg[b-8xy763iov3] {
        width: 20px;
        height: 20px;
    }
}

/* Thumbs strip (page) */
.newsd__thumbs[b-8xy763iov3] {
    display: flex;
    gap: 8px;
    overflow: auto;
    padding: 10px 2px 0;
    scroll-snap-type: x mandatory;
}

.newsd__thumb[b-8xy763iov3] {
    border: 1px solid color-mix(in srgb, var(--nd-text) 12%, transparent);
    border-radius: 12px;
    padding: 0;
    background: var(--nd-card);
    cursor: pointer;
    flex: 0 0 auto;
    width: 90px;
    height: 64px;
    overflow: hidden;
    scroll-snap-align: start;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}

    .newsd__thumb img[b-8xy763iov3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .newsd__thumb:hover[b-8xy763iov3] {
        transform: translateY(-1px);
        box-shadow: 0 12px 22px rgba(0,0,0,.10);
        border-color: var(--nd-hover-border);
        background: var(--nd-hover-bg);
    }

    .newsd__thumb.is-active[b-8xy763iov3] {
        border-color: color-mix(in srgb, var(--nd-accent) 55%, transparent);
        box-shadow: 0 10px 18px color-mix(in srgb, var(--nd-accent) 14%, transparent);
    }

:root[data-theme="dark"] .newsd__thumb[b-8xy763iov3] {
    border-color: rgba(255,255,255,.14);
}

    :root[data-theme="dark"] .newsd__thumb.is-active[b-8xy763iov3] {
        border-color: color-mix(in srgb, var(--nd-brand) 70%, transparent);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--nd-brand) 22%, transparent);
    }

/* Cover fallback */
.newsd__coverImg[b-8xy763iov3] {
    width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: cover;
    display: block;
}

.newsd__coverMeta[b-8xy763iov3] {
    padding: 10px 12px;
    font-size: .92rem;
    color: var(--nd-muted);
    border-top: 1px solid var(--nd-line2);
    background: var(--nd-card);
}

    .newsd__coverMeta .dot[b-8xy763iov3] {
        opacity: .55;
        padding: 0 6px;
    }

/* ---------------------------
   7) Lead
---------------------------- */
.newsd__lead[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__leadText[b-8xy763iov3] {
    margin: 0;
    font-size: 1.04rem;
    line-height: 2.15;
    color: var(--nd-body);
    font-weight: 800;
}

/* ---------------------------
   8) Content (Editorial polish)
---------------------------- */
.newsd__content[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__html[b-8xy763iov3] {
    font-size: 1.04rem;
    line-height: 2.25;
    color: var(--nd-body);
}

    .newsd__html p[b-8xy763iov3] {
        margin: 0 0 14px;
    }

    .newsd__html h2[b-8xy763iov3] {
        margin: 22px 0 12px;
        font-weight: 950;
        font-size: 1.44rem;
        line-height: 1.8;
        letter-spacing: -.25px;
        color: var(--nd-title2);
    }

    .newsd__html h3[b-8xy763iov3] {
        margin: 18px 0 10px;
        font-weight: 950;
        font-size: 1.20rem;
        line-height: 1.95;
        color: var(--nd-title2);
    }

    .newsd__html h4[b-8xy763iov3] {
        margin: 16px 0 10px;
        font-weight: 900;
        font-size: 1.06rem;
        line-height: 2.0;
        color: var(--nd-title2);
    }

    .newsd__html a[b-8xy763iov3] {
        color: var(--nd-link);
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 1px;
    }

        .newsd__html a:hover[b-8xy763iov3] {
            color: var(--nd-link-hover);
            opacity: 1;
        }

    /* Lists */
    .newsd__html ul[b-8xy763iov3],
    .newsd__html ol[b-8xy763iov3] {
        margin: 0 0 14px;
        padding-right: 22px;
    }

    .newsd__html li[b-8xy763iov3] {
        margin: 6px 0;
    }

    /* Images / media in content */
    .newsd__html img[b-8xy763iov3] {
        max-width: 100%;
        height: auto;
        border-radius: 14px;
        border: 1px solid var(--nd-line2);
        box-shadow: 0 12px 26px rgba(0,0,0,.06);
    }

:root[data-theme="dark"] .newsd__html img[b-8xy763iov3] {
    box-shadow: 0 14px 32px rgba(0,0,0,.48);
}

.newsd__html iframe[b-8xy763iov3] {
    width: 100%;
    aspect-ratio: 16/9;
    border: 0;
    border-radius: 14px;
    background: var(--nd-soft);
    border: 1px solid var(--nd-line2);
}

/* Quote */
.newsd__html blockquote[b-8xy763iov3] {
    margin: 14px 0;
    padding: 14px 16px;
    background: var(--nd-soft);
    border-right: 4px solid color-mix(in srgb, var(--nd-accent) 30%, transparent);
    border-radius: 14px;
    color: var(--nd-body);
}

:root[data-theme="dark"] .newsd__html blockquote[b-8xy763iov3] {
    border-right-color: color-mix(in srgb, var(--nd-brand) 34%, transparent);
}

/* Tables */
.newsd__html table[b-8xy763iov3] {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
    border: 1px solid var(--nd-line);
    border-radius: 14px;
    overflow: hidden;
}

.newsd__html th[b-8xy763iov3],
.newsd__html td[b-8xy763iov3] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--nd-line2);
    vertical-align: top;
}

.newsd__html th[b-8xy763iov3] {
    background: var(--nd-soft);
    font-weight: 950;
    color: var(--nd-title2);
}

.newsd__empty[b-8xy763iov3] {
    margin: 0;
    color: var(--nd-muted);
}

/* ---------------------------
   9) Taxonomy chips
---------------------------- */
.newsd__tax[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__row[b-8xy763iov3] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
}

    .newsd__row:last-child[b-8xy763iov3] {
        margin-bottom: 0;
    }

    .newsd__row .k[b-8xy763iov3] {
        min-width: 64px;
        color: var(--nd-muted);
        font-weight: 950;
        font-size: .92rem;
    }

    .newsd__row .v[b-8xy763iov3] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

.newsd__chip[b-8xy763iov3] {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid var(--nd-line);
    background: var(--nd-card);
    color: color-mix(in srgb, var(--nd-text) 86%, transparent);
    text-decoration: none;
    font-size: .92rem;
    font-weight: 800;
    transition: border-color .14s ease, background-color .14s ease, transform .14s ease, box-shadow .14s ease;
}

    .newsd__chip:hover[b-8xy763iov3] {
        border-color: var(--nd-hover-border);
        background: var(--nd-hover-bg);
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(0,0,0,.06);
    }

.newsd__chip--tag[b-8xy763iov3] {
    background: var(--nd-soft);
}

/* ---------------------------
   10) Sidebar
---------------------------- */
.newsd__sideTitle[b-8xy763iov3] {
    font-weight: 950;
    margin-bottom: 10px;
    letter-spacing: -.2px;
    color: var(--nd-title2);
}

.newsd__share[b-8xy763iov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.newsd__votes[b-8xy763iov3] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.newsd__id[b-8xy763iov3] {
    margin-top: 12px;
    font-size: .92rem;
    color: var(--nd-muted);
}

    .newsd__id code[b-8xy763iov3] {
        background: var(--nd-soft);
        padding: 4px 8px;
        border-radius: 10px;
        border: 1px solid var(--nd-line2);
    }

.newsd__hr[b-8xy763iov3] {
    margin: 14px 0;
    opacity: .18;
}

@media (min-width:992px) {
    .newsd__sideSticky[b-8xy763iov3] {
        position: sticky;
        top: 16px;
    }
}

/* ---------------------------
   11) Related
---------------------------- */
.newsd__sectionTitle[b-8xy763iov3] {
    font-weight: 950;
    margin: 18px 0 10px;
    font-size: 1.12rem;
    letter-spacing: -.2px;
    color: var(--nd-title2);
}

.newsd__relCard[b-8xy763iov3] {
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: var(--nd-radius);
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

    .newsd__relCard:hover[b-8xy763iov3] {
        transform: translateY(-2px);
        box-shadow: var(--nd-shadow2);
        border-color: var(--nd-hover-border);
    }

.newsd__relImg[b-8xy763iov3] {
    height: 170px;
    background: var(--nd-soft);
}

    .newsd__relImg img[b-8xy763iov3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1);
        transition: transform .6s ease;
    }

.newsd__relCard:hover .newsd__relImg img[b-8xy763iov3] {
    transform: scale(1.05);
}

.newsd__relTitle[b-8xy763iov3] {
    font-weight: 950;
    line-height: 1.75;
    color: var(--nd-title2);
}

.newsd__relDate[b-8xy763iov3] {
    font-size: .9rem;
    color: var(--nd-muted);
    margin-top: 6px;
}

/* ---------------------------
   12) Modal Gallery (PRO)
---------------------------- */
.newsd__modal[b-8xy763iov3] {
    background: #0b0f14;
    color: #fff;
}

    .newsd__modal .btn-close[b-8xy763iov3] {
        filter: invert(1);
    }

.newsd__modalTitle[b-8xy763iov3] {
    font-weight: 950;
    letter-spacing: -.2px;
}

/* modal body layout */
.newsd__modalBody[b-8xy763iov3] {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 112px);
}

.newsd__modalCarousel[b-8xy763iov3] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
}

    .newsd__modalCarousel .carousel-inner[b-8xy763iov3],
    .newsd__modalCarousel .carousel-item[b-8xy763iov3] {
        height: 100%;
    }

.newsd__modalFrame[b-8xy763iov3] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    overflow: auto;
    align-items: stretch;
    justify-content: flex-start;
}

/* contain image (no crop) */
.newsd__modalFigure[b-8xy763iov3] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
}

.newsd__modalImg[b-8xy763iov3] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain !important;
    display: block;
}

/* meta under image */
.newsd__modalMeta[b-8xy763iov3] {
    width: min(980px, 100%);
    margin: 0 auto;
    direction: rtl;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.newsd__modalTitle2[b-8xy763iov3] {
    font-weight: 950;
    font-size: clamp(16px, 1vw + 12px, 22px);
    line-height: 1.9;
    color: rgba(255,255,255,.96);
    letter-spacing: -.2px;
}

.newsd__modalCap[b-8xy763iov3] {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 12px 14px;
    line-height: 2.05;
    color: rgba(255,255,255,.90);
}

.newsd__modalHint[b-8xy763iov3] {
    opacity: .72;
    font-size: .9rem;
}

/* thumbs strip inside modal */
.newsd__modalThumbsWrap[b-8xy763iov3] {
    flex: 0 0 auto;
    border-top: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.38);
    backdrop-filter: blur(10px);
    padding: 10px 12px;
}

.newsd__modalThumbs[b-8xy763iov3] {
    display: flex;
    gap: 8px;
    overflow: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 2px;
}

.newsd__modalThumb[b-8xy763iov3] {
    flex: 0 0 auto;
    width: 94px;
    height: 66px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    background: transparent;
    padding: 0;
    cursor: pointer;
    scroll-snap-align: start;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

    .newsd__modalThumb img[b-8xy763iov3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .newsd__modalThumb:hover[b-8xy763iov3] {
        transform: translateY(-1px);
        box-shadow: 0 12px 24px rgba(0,0,0,.35);
    }

    .newsd__modalThumb.is-active[b-8xy763iov3] {
        border-color: color-mix(in srgb, var(--nd-accent) 75%, transparent);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--nd-accent) 22%, transparent);
    }

/* modal arrows */
.newsd__modal .newsd__nav[b-8xy763iov3] {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.45);
    box-shadow: 0 16px 34px rgba(0,0,0,.45);
}

    .newsd__modal .newsd__nav:hover[b-8xy763iov3] {
        background: rgba(0,0,0,.62);
        box-shadow: 0 20px 44px rgba(0,0,0,.55);
    }

.newsd__modal .newsd__navIcon svg[b-8xy763iov3] {
    fill: rgba(255,255,255,.92);
}

@media (max-width:576px) {
    .newsd__modalFrame[b-8xy763iov3] {
        padding: 10px;
    }

    .newsd__modalThumb[b-8xy763iov3] {
        width: 86px;
        height: 60px;
    }
}

/* ---------------------------
   13) Comments (Modern)
---------------------------- */
.newsd__comments[b-8xy763iov3] {
    margin-bottom: 14px;
}

.newsd__commentsHead[b-8xy763iov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.newsd__sectionTitle2[b-8xy763iov3] {
    font-weight: 950;
    font-size: 1.12rem;
    letter-spacing: -.2px;
    color: var(--nd-title2);
}

.newsd__sectionSub[b-8xy763iov3] {
    font-size: .92rem;
    color: var(--nd-muted);
    margin-top: 3px;
}

.newsd__commentsActions[b-8xy763iov3] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.newsd__commentsGrid[b-8xy763iov3] {
    display: grid;
    grid-template-columns: 1.25fr .95fr;
    gap: 14px;
}

@media (max-width:992px) {
    .newsd__commentsGrid[b-8xy763iov3] {
        grid-template-columns: 1fr;
    }
}

.newsd__commentsItems[b-8xy763iov3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.newsd__citem[b-8xy763iov3] {
    border: 1px solid var(--nd-line);
    border-radius: 14px;
    padding: 12px;
    background: var(--nd-card);
}

.newsd__citemTop[b-8xy763iov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.newsd__cuser[b-8xy763iov3] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.newsd__avatar[b-8xy763iov3] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--nd-soft);
    border: 1px solid var(--nd-line);
    font-weight: 950;
    color: color-mix(in srgb, var(--nd-text) 78%, transparent);
    flex: 0 0 auto;
}

.newsd__cmeta[b-8xy763iov3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.newsd__cname[b-8xy763iov3] {
    font-weight: 950;
    font-size: .98rem;
    color: var(--nd-title2);
}

.newsd__cdate[b-8xy763iov3] {
    font-size: .88rem;
    color: var(--nd-muted);
}

.newsd__clikes[b-8xy763iov3] {
    font-size: .9rem;
    color: var(--nd-muted);
    background: var(--nd-soft);
    border: 1px solid var(--nd-line2);
    padding: 6px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.newsd__ctext[b-8xy763iov3] {
    line-height: 2.05;
    color: var(--nd-body);
    font-size: 1rem;
}

.newsd__commentsMore[b-8xy763iov3] {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

/* Form */
.newsd__commentForm[b-8xy763iov3] {
    border: 1px solid var(--nd-line);
    border-radius: 14px;
    padding: 12px;
    background: var(--nd-soft);
}

.newsd__formTitle[b-8xy763iov3] {
    font-weight: 950;
    margin-bottom: 10px;
    letter-spacing: -.2px;
    color: var(--nd-title2);
}

.newsd__lbl[b-8xy763iov3] {
    font-size: .9rem;
    color: color-mix(in srgb, var(--nd-muted) 90%, transparent);
    margin-bottom: 4px;
    font-weight: 800;
}

.newsd__formFooter[b-8xy763iov3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.newsd__formHint[b-8xy763iov3] {
    font-size: .88rem;
    color: var(--nd-muted);
}

.newsd__formMsg[b-8xy763iov3] {
    margin-top: 10px;
    font-size: .92rem;
    color: var(--nd-muted);
}

/* Empty / Error */
.newsd__emptyState[b-8xy763iov3] {
    border: 1px dashed color-mix(in srgb, var(--nd-muted) 35%, transparent);
    border-radius: 14px;
    padding: 14px;
    color: var(--nd-muted);
    background: var(--nd-card);
}

.newsd__errorState[b-8xy763iov3] {
    border: 1px solid rgba(220,53,69,.22);
    background: rgba(220,53,69,.05);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

/* Loading skeleton */
.newsd__commentsLoading[b-8xy763iov3] {
    border: 1px solid var(--nd-line2);
    border-radius: 14px;
    padding: 12px;
    background: var(--nd-card);
}

.skeleton[b-8xy763iov3] {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--nd-soft) 86%, transparent), color-mix(in srgb, var(--nd-soft) 72%, transparent), color-mix(in srgb, var(--nd-soft) 86%, transparent) );
    background-size: 200% 100%;
    animation: sk-b-8xy763iov3 1.2s infinite linear;
    margin-bottom: 10px;
}

    .skeleton.short[b-8xy763iov3] {
        width: 45%;
    }

@keyframes sk-b-8xy763iov3 {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

/* ---------------------------
   14) Focus styles (global inside newsd)
---------------------------- */
.newsd a:focus-visible[b-8xy763iov3],
.newsd button:focus-visible[b-8xy763iov3],
.newsd input:focus-visible[b-8xy763iov3],
.newsd textarea:focus-visible[b-8xy763iov3] {
    outline: none;
    box-shadow: 0 0 0 .22rem var(--nd-focus);
}

/* ---------------------------
   15) Mobile refinements
---------------------------- */
@media (max-width:576px) {
    .newsd__subtitle[b-8xy763iov3] {
        font-size: 1rem;
    }

    .newsd__html[b-8xy763iov3] {
        font-size: 1.02rem;
    }

    .newsd__thumb[b-8xy763iov3] {
        width: 86px;
        height: 60px;
    }
}

/* =====================================================================
   END
===================================================================== */
/* ============================
   Share Buttons (Pro)
   Scope: .newsd only
============================ */
.newsd .newsd__sharePro[b-8xy763iov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 992px) {
    .newsd .newsd__sharePro[b-8xy763iov3] {
        grid-template-columns: 1fr;
    }
}

.newsd .newsd__shareBtn[b-8xy763iov3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    text-decoration: none;
    border: 1px solid var(--nd-line);
    background: var(--nd-card);
    color: var(--nd-title2);
    font-weight: 900;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}

    .newsd .newsd__shareBtn .i[b-8xy763iov3] {
        font-size: 1.05rem;
        line-height: 1;
        opacity: .9;
    }

    .newsd .newsd__shareBtn .t[b-8xy763iov3] {
        font-size: .95rem;
    }

    .newsd .newsd__shareBtn:hover[b-8xy763iov3] {
        transform: translateY(-1px);
        border-color: var(--nd-hover-border);
        background: var(--nd-hover-bg);
        box-shadow: 0 12px 22px rgba(0,0,0,.08);
    }

:root[data-theme="dark"] .newsd .newsd__shareBtn[b-8xy763iov3] {
    border-color: rgba(255,255,255,.14);
}
/* /Views/Pages/Advertising.cshtml.rz.scp.css */
.advertising-page p[b-ospi03y1fb] {
    line-height: 1.9;
    font-size: 1rem;
}

.ad-card[b-ospi03y1fb] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    transition: all .25s ease;
}

    .ad-card:hover[b-ospi03y1fb] {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(0,0,0,.08);
    }

.support-section[b-ospi03y1fb] {
    background: rgba(13,110,253,.06);
    border: 1px solid rgba(13,110,253,.12);
}

    .support-section ul[b-ospi03y1fb] {
        margin: 0;
        padding-right: 18px;
    }

.ad-rules li[b-ospi03y1fb] {
    margin-bottom: 8px;
    line-height: 1.8;
}
/* /Views/Pages/Contact.cshtml.rz.scp.css */
/* =========================
   Contact Page — Editorial Pro
========================= */
.contact-page[b-0u5f2zsf1w] {
    --cp-text: rgba(0,0,0,.88);
    --cp-muted: rgba(0,0,0,.60);
    --cp-faint: rgba(0,0,0,.46);
    --cp-line: rgba(0,0,0,.08);
    --cp-primary: #0d6efd;
    --cp-radius: 18px;
}

.cp-hero h1[b-0u5f2zsf1w] {
    letter-spacing: -0.3px;
}

.cp-card[b-0u5f2zsf1w] {
    background: #fff;
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius);
    box-shadow: 0 14px 40px rgba(0,0,0,.05);
}

.cp-card-head[b-0u5f2zsf1w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.cp-chip[b-0u5f2zsf1w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(13,110,253,.08);
    border: 1px solid rgba(13,110,253,.14);
    color: rgba(13,110,253,.95);
    font-weight: 900;
    font-size: .82rem;
    white-space: nowrap;
}

.cp-title[b-0u5f2zsf1w] {
    font-weight: 950;
    color: var(--cp-text);
    font-size: 1.05rem;
    text-align: right;
    flex: 1 1 auto;
}

.cp-rows[b-0u5f2zsf1w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cp-row[b-0u5f2zsf1w] {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.02);
}

    .cp-row i[b-0u5f2zsf1w] {
        font-size: 18px;
        color: rgba(13,110,253,.95);
        margin-top: 2px;
    }

.cp-row-body[b-0u5f2zsf1w] {
    min-width: 0;
}

.cp-row-label[b-0u5f2zsf1w] {
    font-size: .80rem;
    font-weight: 850;
    color: var(--cp-faint);
    margin-bottom: 2px;
}

.cp-row-value[b-0u5f2zsf1w] {
    font-size: .95rem;
    font-weight: 900;
    color: var(--cp-text);
    line-height: 1.7;
}

/* Right side sections */
.cp-section-title[b-0u5f2zsf1w] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 950;
    color: var(--cp-text);
    margin-bottom: 12px;
}

    .cp-section-title i[b-0u5f2zsf1w] {
        color: rgba(13,110,253,.95);
    }

/* Actions */
.cp-actions[b-0u5f2zsf1w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cp-action[b-0u5f2zsf1w] {
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.65);
    border-radius: 16px;
    padding: 12px 12px;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .cp-action i[b-0u5f2zsf1w] {
        color: rgba(13,110,253,.95);
        font-size: 18px;
        margin-top: 2px;
    }

    .cp-action span[b-0u5f2zsf1w] {
        font-weight: 950;
        color: var(--cp-text);
        display: block;
        line-height: 1.5;
    }

    .cp-action em[b-0u5f2zsf1w] {
        display: block;
        font-style: normal;
        font-size: .85rem;
        font-weight: 750;
        color: var(--cp-muted);
        margin-top: 4px;
    }

    .cp-action:hover[b-0u5f2zsf1w] {
        transform: translateY(-2px);
        border-color: rgba(13,110,253,.16);
        box-shadow: 0 14px 40px rgba(0,0,0,.06);
    }

/* Address */
.cp-addr[b-0u5f2zsf1w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cp-addr-line[b-0u5f2zsf1w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.02);
}

.cp-addr-label[b-0u5f2zsf1w] {
    font-weight: 900;
    color: var(--cp-faint);
    white-space: nowrap;
}

.cp-addr-value[b-0u5f2zsf1w] {
    font-weight: 900;
    color: var(--cp-text);
    text-align: left;
}

.cp-addr-note[b-0u5f2zsf1w] {
    margin-top: 8px;
    color: var(--cp-muted);
    font-size: .92rem;
    line-height: 1.9;
}

/* Responsive */
@media (max-width: 576px) {
    .cp-card-head[b-0u5f2zsf1w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cp-title[b-0u5f2zsf1w] {
        width: 100%;
    }
}
/* /Views/Shared/Components/DynamicNewsList/CardView.cshtml.rz.scp.css */
/* =========================
   News Grid Pro — Signature Cards (Light/Dark Optimized)
   Scope: .news-gridpro ...
========================= */
.news-gridpro[b-2rpx0js922] {
    /* map to your global tokens */
    --ng-bg: var(--surface);
    --ng-text: var(--text);
    --ng-muted: var(--muted);
    --ng-faint: var(--muted-2, color-mix(in srgb, var(--text) 55%, transparent 45%));
    --ng-line: var(--line);
    --ng-line2: var(--line-2);
    /* site colors */
    --ng-accent: var(--accent); /* آبی سایت */
    --ng-brand: var(--brand); /* نارنجی سایت */

    --ng-radius: var(--r-lg, 18px);
    --ng-shadow: 0 14px 40px rgba(0,0,0,.06);
    --ng-shadow2: 0 22px 68px rgba(0,0,0,.10);
    /* behavior (LIGHT defaults) */
    --ng-hover-border: color-mix(in srgb, var(--ng-accent) 18%, var(--ng-line) 82%);
    --ng-title-hover: color-mix(in srgb, var(--ng-accent) 96%, black 4%);
    --ng-pill-text: color-mix(in srgb, var(--ng-accent) 92%, black 8%);
    --ng-pill-bg: color-mix(in srgb, var(--ng-accent) 10%, transparent 90%);
    --ng-pill-border: color-mix(in srgb, var(--ng-accent) 18%, transparent 82%);
    /* signature line */
    --ng-accent-line: linear-gradient( to bottom, color-mix(in srgb, var(--ng-accent) 0%, transparent 100%), color-mix(in srgb, var(--ng-accent) 55%, transparent 45%), color-mix(in srgb, var(--ng-accent) 0%, transparent 100%) );
    /* media */
    --ng-media-bg: rgba(0,0,0,.03);
    --ng-media-grad: radial-gradient(120% 80% at 50% 18%, rgba(0,0,0,0) 35%, rgba(0,0,0,.20) 100%), linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,.16) 55%, rgba(0,0,0,0) 82%);
    /* hint */
    --ng-hint-bg: rgba(255,255,255,.14);
    --ng-hint-bd: rgba(255,255,255,.18);
    --ng-hint-tx: rgba(255,255,255,.92);
}

/* DARK overrides (کنتراست بهتر + هاور هم‌رنگ برند) */
:root[data-theme="dark"] .news-gridpro[b-2rpx0js922] {
    --ng-shadow: 0 14px 34px rgba(0,0,0,.55);
    --ng-shadow2: 0 22px 68px rgba(0,0,0,.68);
    /* در دارک، هاور/پیل با نارنجی برند خوش‌رنگ‌تره */
    --ng-hover-border: color-mix(in srgb, var(--ng-brand) 26%, var(--ng-line) 74%);
    --ng-title-hover: color-mix(in srgb, var(--ng-brand) 96%, white 4%);
    --ng-pill-text: color-mix(in srgb, var(--ng-brand) 92%, white 8%);
    --ng-pill-bg: color-mix(in srgb, var(--ng-brand) 14%, transparent 86%);
    --ng-pill-border: color-mix(in srgb, var(--ng-brand) 26%, transparent 74%);
    --ng-accent-line: linear-gradient( to bottom, color-mix(in srgb, var(--ng-brand) 0%, transparent 100%), color-mix(in srgb, var(--ng-brand) 62%, transparent 38%), color-mix(in srgb, var(--ng-brand) 0%, transparent 100%) );
    --ng-media-bg: rgba(255,255,255,.04);
    --ng-media-grad: radial-gradient(120% 80% at 50% 18%, rgba(0,0,0,0) 35%, rgba(0,0,0,.28) 100%), linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.22) 55%, rgba(0,0,0,0) 82%);
    --ng-hint-bg: rgba(0,0,0,.22);
    --ng-hint-bd: rgba(255,255,255,.16);
    --ng-hint-tx: rgba(255,255,255,.94);
}

/* Card */
.news-gridpro .ng-card[b-2rpx0js922] {
    position: relative;
    height: 100%;
    background: var(--ng-bg);
    border: 1px solid var(--ng-line);
    border-radius: var(--ng-radius);
    overflow: hidden;
    box-shadow: var(--ng-shadow);
    transform: translateZ(0);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

    /* Signature accent line */
    .news-gridpro .ng-card[b-2rpx0js922]::before {
        content: "";
        position: absolute;
        inset: 10px auto 10px 10px;
        width: 3px;
        border-radius: 999px;
        background: var(--ng-accent-line);
        opacity: .62;
        z-index: 1;
        pointer-events: none;
    }

    .news-gridpro .ng-card:hover[b-2rpx0js922] {
        transform: translateY(-3px);
        box-shadow: var(--ng-shadow2);
        border-color: var(--ng-hover-border);
    }

/* Media */
.news-gridpro .ng-media[b-2rpx0js922] {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--ng-media-bg);
    overflow: hidden;
}

    .news-gridpro .ng-media img[b-2rpx0js922] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1);
        filter: saturate(1.04) contrast(1.03);
        transition: transform .6s ease, filter .2s ease;
    }

.news-gridpro .ng-card:hover .ng-media img[b-2rpx0js922] {
    transform: scale(1.06);
    filter: saturate(1.07) contrast(1.05) brightness(1.02);
}

/* Readability gradient */
.news-gridpro .ng-media[b-2rpx0js922]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--ng-media-grad);
    opacity: .95;
}

/* Media hint */
.news-gridpro .ng-media-hint[b-2rpx0js922] {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .80rem;
    font-weight: 900;
    color: var(--ng-hint-tx);
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--ng-hint-bg);
    border: 1px solid var(--ng-hint-bd);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
    transition: transform .18s ease, background-color .18s ease, opacity .18s ease;
    opacity: .92;
}

.news-gridpro .ng-card:hover .ng-media-hint[b-2rpx0js922] {
    transform: translateX(-2px);
    opacity: 1;
    background: color-mix(in srgb, var(--ng-hint-bg) 82%, white 18%);
}

/* Body */
.news-gridpro .ng-body[b-2rpx0js922] {
    padding: 14px 14px 12px;
    text-align: right;
    min-width: 0;
}

/* Title */
.news-gridpro .ng-title[b-2rpx0js922] {
    margin: 0 0 8px;
    color: var(--ng-text);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.2px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-gridpro .ng-card:hover .ng-title[b-2rpx0js922] {
    color: var(--ng-title-hover);
}

/* Summary */
.news-gridpro .ng-summary[b-2rpx0js922] {
    margin: 0 0 12px;
    color: var(--ng-muted);
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.95;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer */
.news-gridpro .ng-footer[b-2rpx0js922] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--ng-line2);
}

.news-gridpro .ng-date[b-2rpx0js922] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .82rem;
    font-weight: 800;
    color: var(--ng-faint);
}

/* Pill */
.news-gridpro .ng-pill[b-2rpx0js922] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .84rem;
    font-weight: 950;
    color: var(--ng-pill-text);
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--ng-pill-bg);
    border: 1px solid var(--ng-pill-border);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.news-gridpro .ng-card:hover .ng-pill[b-2rpx0js922] {
    transform: translateX(-2px);
    background: color-mix(in srgb, var(--ng-pill-bg) 70%, transparent 30%);
}

/* Focus (keyboard) */
.news-gridpro .ng-card :is(a,button):focus-visible[b-2rpx0js922] {
    outline: none;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ng-accent) 26%, transparent 74%);
    border-radius: 12px;
}

/* Responsive */
@media (max-width:576px) {
    .news-gridpro .ng-title[b-2rpx0js922] {
        font-size: 1rem;
    }

    .news-gridpro .ng-summary[b-2rpx0js922] {
        -webkit-line-clamp: 2;
    }

    .news-gridpro .ng-card[b-2rpx0js922]::before {
        display: none;
    }
}
/* /Views/Shared/Components/DynamicNewsList/ColumnView.cshtml.rz.scp.css */
.animate[b-s15l8yxluo] {
    opacity: 0;
    animation: fadeIn-b-s15l8yxluo 0.6s ease forwards;
}

@keyframes fadeIn-b-s15l8yxluo {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.card-title[b-s15l8yxluo] {
    font-size: 1.1rem;
    line-height: 1.4;
}
/* /Views/Shared/Components/DynamicNewsList/CompactView.cshtml.rz.scp.css */
.compact-view .list-group-item[b-zd941nw1s5] {
    transition: all 0.3s ease-in-out;
    font-size: 0.95rem;
}

    .compact-view .list-group-item:hover[b-zd941nw1s5] {
        background-color: #f8f9fa;
        transform: translateX(-2px);
    }

.animate[b-zd941nw1s5] {
    opacity: 0;
    animation: fadeInSlide-b-zd941nw1s5 0.5s ease-in forwards;
}

@keyframes fadeInSlide-b-zd941nw1s5 {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Views/Shared/Components/DynamicNewsList/ImageOnlyView.cshtml.rz.scp.css */
/* =========================
   Photo Reports — Pro Gallery
   Scope: .photo-grid ...
========================= */
.photo-grid[b-wkrttjsqts] {
    --pg-radius: 18px;
    --pg-radius-sm: 16px;
    --pg-gap: 14px;
    --pg-line: rgba(0,0,0,.08);
    --pg-shadow: 0 16px 46px rgba(0,0,0,.08);
    --pg-shadow2: 0 26px 70px rgba(0,0,0,.12);
    --pg-text: rgba(255,255,255,.94);
    --pg-muted: rgba(255,255,255,.78);
    display: grid;
    grid-template-columns: 1.15fr .85fr; /* hero بزرگ‌تر */
    gap: var(--pg-gap);
    align-items: stretch;
}

/* Card base */
.photo-card[b-wkrttjsqts] {
    position: relative;
    display: block;
    border-radius: var(--pg-radius);
    overflow: hidden;
    text-decoration: none;
    background: #f6f7f9;
    border: 1px solid var(--pg-line);
    box-shadow: var(--pg-shadow);
    transform: translateZ(0);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .photo-card:hover[b-wkrttjsqts] {
        transform: translateY(-3px);
        box-shadow: var(--pg-shadow2);
        border-color: rgba(13,110,253,.16);
    }

/* Image */
.photo-img[b-wkrttjsqts] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1);
    filter: saturate(1.05) contrast(1.03);
    transition: transform .65s ease, filter .22s ease;
}

.photo-card:hover .photo-img[b-wkrttjsqts] {
    transform: scale(1.06);
    filter: saturate(1.08) contrast(1.05) brightness(1.02);
}

/* Overlay gradient (always on for readability) */
.photo-card[b-wkrttjsqts]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(120% 85% at 50% 18%, rgba(0,0,0,0) 35%, rgba(0,0,0,.25) 100%), linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.26) 55%, rgba(0,0,0,0) 82%);
    opacity: 1;
}

/* Overlay text */
.photo-overlay[b-wkrttjsqts] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 2;
    padding: 14px 14px 12px;
    color: var(--pg-text);
    text-align: right;
}

/* Subtitle */
.photo-subtitle[b-wkrttjsqts] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 6px 10px;
    margin: 0 0 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
    font-size: .78rem;
    font-weight: 850;
    color: rgba(255,255,255,.92);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Title */
.photo-title[b-wkrttjsqts] {
    font-size: 1.08rem;
    font-weight: 950;
    line-height: 1.7;
    letter-spacing: -0.2px;
    text-shadow: 0 10px 26px rgba(0,0,0,.38);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Summary (only for hero) */
.photo-summary[b-wkrttjsqts] {
    margin-top: 8px;
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.9;
    color: var(--pg-muted);
    text-shadow: 0 10px 26px rgba(0,0,0,.38);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Hero size */
.photo-hero[b-wkrttjsqts] {
    min-height: 420px;
    border-radius: var(--pg-radius);
}

/* Badge for hero */
.photo-badge[b-wkrttjsqts] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 950;
    color: rgba(255,255,255,.94);
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(13,110,253,.78);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 34px rgba(0,0,0,.22);
}

/* Right grid */
.photo-mini-grid[b-wkrttjsqts] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--pg-gap);
}

/* Mini cards sizes */
.photo-mini[b-wkrttjsqts] {
    min-height: 200px;
    border-radius: var(--pg-radius-sm);
}

    /* Mini tweak: title a bit smaller */
    .photo-mini .photo-title[b-wkrttjsqts] {
        font-size: .98rem;
        -webkit-line-clamp: 2;
    }

/* Small dot accent (subtle) */
.photo-dot[b-wkrttjsqts] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
    opacity: .85;
}

/* Responsive */
@media (max-width: 992px) {
    .photo-grid[b-wkrttjsqts] {
        grid-template-columns: 1fr;
    }

    .photo-hero[b-wkrttjsqts] {
        min-height: 360px;
    }

    .photo-mini[b-wkrttjsqts] {
        min-height: 180px;
    }
}

@media (max-width: 576px) {
    .photo-mini-grid[b-wkrttjsqts] {
        grid-template-columns: 1fr;
    }

    .photo-hero[b-wkrttjsqts] {
        min-height: 300px;
    }

    .photo-mini[b-wkrttjsqts] {
        min-height: 210px;
    }
}
/* /Views/Shared/Components/DynamicNewsList/NewsListTextOnly.cshtml.rz.scp.css */
/* =========================================================
   NEWS ROW LIST — clean UI (Theme-aware)
   Scope: .news-row-view ...
========================================================= */
.news-row-view[b-uvfuenai2h] {
    /* local tokens (mapped to global theme tokens) */
    --nr-text: var(--text);
    --nr-muted: var(--muted);
    --nr-line: var(--line-2);
    --nr-radius: var(--r-sm);
    --nr-accent: var(--accent);
    --nr-accent-weak: color-mix(in srgb, var(--accent) 10%, transparent);
    --nr-accent-mid: color-mix(in srgb, var(--accent) 14%, transparent);
    --nr-accent-hover: color-mix(in srgb, var(--accent) 6%, transparent);
    --nr-focus: color-mix(in srgb, var(--accent) 25%, transparent);
}

/* Item */
.news-row-item[b-uvfuenai2h] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .55rem .75rem;
    border-radius: var(--nr-radius);
    border: 1px solid transparent;
    background: transparent;
    position: relative;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

    /* tiny spacing between items */
    .news-row-item + .news-row-item[b-uvfuenai2h] {
        margin-top: .25rem;
    }

/* Icon bubble */
.news-row-icon[b-uvfuenai2h] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: var(--r-pill);
    background: var(--nr-accent-weak);
    color: var(--nr-accent);
    flex: 0 0 28px;
    margin-top: .05rem;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

/* Link text */
.news-row-link[b-uvfuenai2h] {
    color: var(--nr-text);
    text-decoration: none;
    font-size: .98rem;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: -0.15px;
    /* clamp 2 lines */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right;
}

/* Hover */
.news-row-item:hover[b-uvfuenai2h] {
    background: var(--nr-accent-hover);
    border-color: var(--nr-accent-mid);
    transform: translateY(-1px);
}

    .news-row-item:hover .news-row-icon[b-uvfuenai2h] {
        transform: scale(1.06);
        background: color-mix(in srgb, var(--accent) 14%, transparent);
    }

    .news-row-item:hover .news-row-link[b-uvfuenai2h] {
        color: color-mix(in srgb, var(--accent) 85%, var(--text));
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
    }

/* Focus (keyboard accessibility) */
.news-row-link:focus-visible[b-uvfuenai2h] {
    outline: 0;
    border-radius: 10px;
    box-shadow: 0 0 0 .2rem var(--nr-focus);
}

/* Mobile */
@media (max-width: 576px) {
    .news-row-item[b-uvfuenai2h] {
        padding: .5rem .6rem;
    }

    .news-row-link[b-uvfuenai2h] {
        font-size: .95rem;
    }
}
/* /Views/Shared/Components/DynamicNewsList/NewsRowWithAuthor.cshtml.rz.scp.css */
/* =========================
   Notes List Item — Optimized Light/Dark
   Scope: .note-item ...
========================= */

/* Local behavior tokens */
.note-item[b-t00g155daf] {
    --note-line: var(--line-2);
    --note-hover-bg: rgba(0,0,0,.02);
    --note-hover-shift: -3px;
    /* Accent behavior:
     Light: blue accent
     Dark : orange brand
  */
    --note-accent: rgba(13,110,253,.95);
    --note-accent-weak: rgba(13,110,253,.10);
    padding: 10px 0;
    gap: 5px;
    border-bottom: 1px solid var(--note-line);
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

/* Dark overrides */
:root[data-theme="dark"] .note-item[b-t00g155daf] {
    --note-line: rgba(255,255,255,.08);
    --note-hover-bg: rgba(255,255,255,.03);
    --note-accent: rgba(255,128,0,.96);
    --note-accent-weak: rgba(255,128,0,.14);
}

.note-item:hover[b-t00g155daf] {
    background: var(--note-hover-bg);
    transform: translateX(var(--note-hover-shift)); /* RTL: حرکت به چپ */
}

/* Avatar link */
.note-avatar-link[b-t00g155daf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Avatar */
.note-avatar[b-t00g155daf] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(0,0,0,.06);
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* Dark: بهتر و طبیعی‌تر */
:root[data-theme="dark"] .note-avatar[b-t00g155daf] {
    border-color: rgba(255,255,255,.10);
    box-shadow: 0 10px 20px rgba(0,0,0,.55);
}

/* Hover polish */
.note-item:hover .note-avatar[b-t00g155daf] {
    transform: translateY(-1px);
    border-color: var(--note-accent-weak);
}

/* Placeholder */
.note-avatar--placeholder[b-t00g155daf] {
    background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
}

:root[data-theme="dark"] .note-avatar--placeholder[b-t00g155daf] {
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}

/* Title block */
.note-title[b-t00g155daf] {
    line-height: 0.9; /* 0.8 خیلی فشرده بود، تو دارک بدتر می‌شه */
    text-align: right;
    font-weight: 300;
}

/* Title link */
.note-title-link[b-t00g155daf] {
    text-decoration: none;
    color: var(--text);
    font-weight: 500;
    font-size: 14.5px;
    letter-spacing: -0.2px;
    transition: color 150ms ease, text-decoration-color 150ms ease;
}

    .note-title-link:hover[b-t00g155daf] {
        color: var(--note-accent);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
        text-decoration-color: var(--note-accent-weak);
    }

/* Author */
.note-author[b-t00g155daf] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--muted);
    font-weight: 300;
}

/* Focus accessibility */
.note-title-link:focus-visible[b-t00g155daf],
.note-avatar-link:focus-visible[b-t00g155daf] {
    outline: none;
    border-radius: 10px;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.22);
}

:root[data-theme="dark"] .note-title-link:focus-visible[b-t00g155daf],
:root[data-theme="dark"] .note-avatar-link:focus-visible[b-t00g155daf] {
    box-shadow: 0 0 0 .2rem rgba(255,128,0,.26);
}

/* Mobile tweaks */
@media (max-width: 576px) {
    .note-avatar[b-t00g155daf] {
        width: 62px;
        height: 62px;
    }

    .note-title-link[b-t00g155daf] {
        font-size: 15px;
    }
}
/* /Views/Shared/Components/DynamicNewsList/RowView.cshtml.rz.scp.css */
/* =========================
   Row News List — FIXED Hover for Dark/Light
   Scope: .news-rowlist ...
========================= */
.news-rowlist[b-nobu6rw1a2] {
    --nr-bg: var(--surface);
    --nr-text: var(--text);
    --nr-muted: var(--muted);
    --nr-line: var(--line);
    --nr-line2: var(--line-2);
    --nr-radius: var(--r-md);
    /* LIGHT (accent = blue) */
    --nr-hover-bg: rgba(13,110,253,.04);
    --nr-hover-border: rgba(13,110,253,.18);
    --nr-title-hover: rgba(13,110,253,.96);
    --nr-chip-text: rgba(13,110,253,.95);
    --nr-chip-bg: rgba(13,110,253,.10);
    --nr-chip-border: rgba(13,110,253,.16);
    --nr-readmore: rgba(13,110,253,.92);
    --nr-media-overlay: linear-gradient(to left, rgba(0,0,0,.20), rgba(0,0,0,0) 55%);
    --nr-media-overlay-opacity: .25;
    --nr-shadow: 0 8px 22px rgba(0,0,0,.04);
    --nr-shadow-hover: 0 14px 34px rgba(0,0,0,.07);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ✅ DARK: hover باید "تیره‌تر + کمی نارنجی" باشد (نه سفید) */
:root[data-theme="dark"] .news-rowlist[b-nobu6rw1a2] {
    /* اول یک لایه تیره برای جلوگیری از سفید شدن */
    --nr-hover-bg: linear-gradient( 180deg, rgba(0,0,0,.18), rgba(0,0,0,.10) );
    /* و یک بوردر نارنجی ملایم */
    --nr-hover-border: rgba(255,128,0,.26);
    --nr-title-hover: rgba(255,128,0,.98);
    --nr-chip-text: rgba(255,128,0,.95);
    --nr-chip-bg: rgba(255,128,0,.14);
    --nr-chip-border: rgba(255,128,0,.24);
    --nr-readmore: rgba(255,128,0,.92);
    --nr-media-overlay: linear-gradient(to left, rgba(0,0,0,.38), rgba(0,0,0,0) 55%);
    --nr-media-overlay-opacity: .18;
    --nr-shadow: 0 12px 28px rgba(0,0,0,.55);
    --nr-shadow-hover: 0 16px 34px rgba(0,0,0,.68);
}

/* Card wrapper */
.news-rowcard[b-nobu6rw1a2] {
    margin: 0;
}

.news-rowlink[b-nobu6rw1a2] {
    display: flex;
    gap: 14px;
    align-items: stretch;
    background: var(--nr-bg);
    border: 1px solid var(--nr-line);
    border-radius: var(--nr-radius);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--nr-shadow);
    transform: translateZ(0);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

    /* ✅ hover: در light با رنگ عادی، در dark با گرادینت تیره */
    .news-rowlink:hover[b-nobu6rw1a2] {
        transform: translateY(-2px);
        border-color: var(--nr-hover-border);
        box-shadow: var(--nr-shadow-hover);
        background: var(--nr-hover-bg);
    }

/* ✅ برای دارک یک "تینت" نارنجی خیلی لطیف روی hover اضافه کن (بدون سفید شدن) */
:root[data-theme="dark"] .news-rowlink:hover[b-nobu6rw1a2] {
    position: relative;
}

    :root[data-theme="dark"] .news-rowlink:hover[b-nobu6rw1a2]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: rgba(255,128,0,.05); /* فقط کمی برند */
    }

/* Media bg */
.news-media[b-nobu6rw1a2] {
    flex: 0 0 148px;
    position: relative;
    background: rgba(0,0,0,.03);
}

:root[data-theme="dark"] .news-media[b-nobu6rw1a2] {
    background: rgba(255,255,255,.04);
}

/* Image */
.news-media img[b-nobu6rw1a2] {
    width: 100%;
    height: 100%;
    min-height: 110px;
    object-fit: cover;
    display: block;
    transform: scale(1);
    filter: saturate(1.03) contrast(1.02);
    transition: transform 520ms ease, filter 220ms ease;
}

.news-rowlink:hover .news-media img[b-nobu6rw1a2] {
    transform: scale(1.05);
    filter: saturate(1.06) contrast(1.03);
}

/* overlay */
.news-media[b-nobu6rw1a2]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--nr-media-overlay);
    opacity: var(--nr-media-overlay-opacity);
}

/* Body */
.news-body[b-nobu6rw1a2] {
    flex: 1 1 auto;
    padding: 14px 14px 12px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

/* Subtitle chip */
.news-rowlist .overlay-subtitle[b-nobu6rw1a2] {
    align-self: flex-start;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    color: var(--nr-chip-text);
    background: var(--nr-chip-bg);
    border: 1px solid var(--nr-chip-border);
    padding: 6px 10px;
    border-radius: 999px;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Title */
.news-rowlist .overlay-title[b-nobu6rw1a2] {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: -0.2px;
    line-height: 1.65;
    color: var(--nr-text);
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-rowlink:hover .overlay-title[b-nobu6rw1a2] {
    color: var(--nr-title-hover);
}

/* Summary */
.news-rowlist .overlay-summary[b-nobu6rw1a2] {
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.9;
    color: var(--nr-muted);
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta */
.news-meta[b-nobu6rw1a2] {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding-top: 4px;
}

.news-readmore[b-nobu6rw1a2] {
    font-size: .86rem;
    font-weight: 800;
    color: var(--nr-readmore);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .92;
    transition: opacity 180ms ease, transform 180ms ease;
}

.news-rowlink:hover .news-readmore[b-nobu6rw1a2] {
    opacity: 1;
    transform: translateX(-2px);
}

/* Focus */
.news-rowlink:focus-visible[b-nobu6rw1a2] {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.22), var(--nr-shadow);
}

:root[data-theme="dark"] .news-rowlink:focus-visible[b-nobu6rw1a2] {
    box-shadow: 0 0 0 .2rem rgba(255,128,0,.26), var(--nr-shadow);
}

/* Mobile */
@media (max-width:576px) {
    .news-rowlink[b-nobu6rw1a2] {
        flex-direction: column;
    }

    .news-media[b-nobu6rw1a2] {
        flex-basis: auto;
        height: 200px;
    }

        .news-media[b-nobu6rw1a2]::after {
            background: linear-gradient(to top, rgba(0,0,0,.22), rgba(0,0,0,0) 55%);
            opacity: .28;
        }

    :root[data-theme="dark"] .news-media[b-nobu6rw1a2]::after {
        opacity: .20;
    }

    .news-body[b-nobu6rw1a2] {
        padding: 12px;
    }

    .news-rowlist .overlay-title[b-nobu6rw1a2] {
        font-size: 1.02rem;
    }
}
/* /Views/Shared/Components/NewsCarousel/Templates/Compact.cshtml.rz.scp.css */
/* Fix Swiper RTL Arrow Direction */
.rtl-flip.swiper-button-prev[b-tp9i59lm6w] {
    right: auto;
    left: 0;
    transform: rotate(180deg);
}

.rtl-flip.swiper-button-next[b-tp9i59lm6w] {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

/* Optional: make Swiper pagination RTL aligned */
.swiper-pagination[b-tp9i59lm6w] {
    direction: ltr;
}
/* /Views/Shared/Components/NewsCarousel/Templates/Featured.cshtml.rz.scp.css */
/* =========================
   Featured News Carousel (Optimized Light/Dark)
   Scope: .swiper-featured ...
========================= */
.swiper-featured[b-izmb7zkpgk] {
    /* base from global tokens */
    --fn-bg: var(--surface);
    --fn-text: var(--text);
    --fn-muted: var(--muted);
    --fn-faint: var(--faint);
    --fn-line: var(--line-2);
    --fn-radius: var(--r-lg);
    /* site colors */
    --fn-accent: rgba(13,110,253,1); /* آبی */
    --fn-brand: rgba(255,128,0,1); /* نارنجی */
    /* behavior (LIGHT default: blue) */
    --fn-hover-border: rgba(13,110,253,.18);
    --fn-title-hover: rgba(13,110,253,.98);
    --fn-readmore: rgba(13,110,253,.92);
    --fn-chip-text: rgba(13,110,253,.95);
    --fn-chip-bg: rgba(13,110,253,.06);
    --fn-chip-border: rgba(13,110,253,.16);
    --fn-badge-bg: rgba(13,110,253,.78);
    --fn-badge-border: rgba(255,255,255,.22);
    /* shadows */
    --fn-shadow: 0 14px 40px rgba(0,0,0,.08);
    --fn-shadow2: 0 22px 64px rgba(0,0,0,.10);
    /* media */
    --fn-media-bg: rgba(0,0,0,.03);
    /* nav buttons (glass) */
    --fn-nav-bg: rgba(255,255,255,.72);
    --fn-nav-bg-hover: rgba(255,255,255,.88);
    --fn-nav-border: rgba(0,0,0,.08);
    --fn-nav-icon: rgba(0,0,0,.78);
    --fn-nav-shadow: 0 14px 34px rgba(0,0,0,.10);
    /* layout fix for nav overlap */
    padding-inline: 56px;
}

/* DARK overrides: use brand orange for interactions */
:root[data-theme="dark"] .swiper-featured[b-izmb7zkpgk] {
    --fn-hover-border: rgba(255,128,0,.24);
    --fn-title-hover: rgba(255,128,0,.98);
    --fn-readmore: rgba(255,128,0,.92);
    --fn-chip-text: rgba(255,128,0,.95);
    --fn-chip-bg: rgba(255,128,0,.12);
    --fn-chip-border: rgba(255,128,0,.22);
    --fn-badge-bg: rgba(255,128,0,.72);
    --fn-badge-border: rgba(255,255,255,.16);
    --fn-shadow: 0 16px 46px rgba(0,0,0,.55);
    --fn-shadow2: 0 22px 68px rgba(0,0,0,.68);
    --fn-media-bg: rgba(255,255,255,.04);
    /* nav buttons in dark: darker glass with readable icon */
    --fn-nav-bg: rgba(17,19,23,.58);
    --fn-nav-bg-hover: rgba(17,19,23,.78);
    --fn-nav-border: rgba(255,255,255,.10);
    --fn-nav-icon: rgba(255,255,255,.88);
    --fn-nav-shadow: 0 16px 38px rgba(0,0,0,.65);
}

/* =========================
   Card
========================= */
.swiper-featured .featured-card[b-izmb7zkpgk] {
    display: block;
    border-radius: var(--fn-radius);
    overflow: hidden;
    background: var(--fn-bg);
    border: 1px solid var(--fn-line);
    box-shadow: var(--fn-shadow);
    transform: translateZ(0);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
    height: 100%;
}

    .swiper-featured .featured-card:hover[b-izmb7zkpgk] {
        transform: translateY(-3px);
        box-shadow: var(--fn-shadow2);
        border-color: var(--fn-hover-border);
    }

/* =========================
   Media
========================= */
.swiper-featured .featured-media[b-izmb7zkpgk] {
    position: relative;
    height: 220px;
    background: var(--fn-media-bg);
    overflow: hidden;
}

    .swiper-featured .featured-media img[b-izmb7zkpgk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1);
        filter: saturate(1.03) contrast(1.02);
        transition: transform 550ms ease, filter 200ms ease;
    }

.swiper-featured .featured-card:hover .featured-media img[b-izmb7zkpgk] {
    transform: scale(1.06);
    filter: saturate(1.06) contrast(1.03);
}

/* Readability gradient (بهینه برای دارک: کمی نرم‌تر) */
.swiper-featured .featured-media[b-izmb7zkpgk]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 80% at 50% 15%, rgba(0,0,0,0) 35%, rgba(0,0,0,.18) 100%), linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.22) 55%, rgba(0,0,0,0) 82%);
    opacity: 1;
}

:root[data-theme="dark"] .swiper-featured .featured-media[b-izmb7zkpgk]::before {
    background: radial-gradient(120% 80% at 50% 15%, rgba(0,0,0,0) 35%, rgba(0,0,0,.22) 100%), linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.26) 55%, rgba(0,0,0,0) 82%);
}

/* =========================
   Badge
========================= */
.swiper-featured .featured-badge[b-izmb7zkpgk] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 900;
    color: #fff;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--fn-badge-bg);
    border: 1px solid var(--fn-badge-border);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

/* =========================
   Body
========================= */
.swiper-featured .featured-body[b-izmb7zkpgk] {
    padding: 14px 14px 12px;
    text-align: right;
    min-width: 0;
}

/* Subtitle chip */
.swiper-featured .featured-subtitle[b-izmb7zkpgk] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--fn-chip-border);
    background: var(--fn-chip-bg);
    font-size: .78rem;
    font-weight: 850;
    color: var(--fn-chip-text);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Title */
.swiper-featured .featured-title[b-izmb7zkpgk] {
    color: var(--fn-text);
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.7;
    letter-spacing: -0.2px;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.swiper-featured .featured-card:hover .featured-title[b-izmb7zkpgk] {
    color: var(--fn-title-hover);
}

/* Summary */
.swiper-featured .featured-summary[b-izmb7zkpgk] {
    color: var(--fn-muted);
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.95;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta */
.swiper-featured .featured-meta[b-izmb7zkpgk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--fn-line);
}

.swiper-featured .featured-date[b-izmb7zkpgk] {
    font-size: .82rem;
    font-weight: 750;
    color: var(--fn-faint);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.swiper-featured .featured-readmore[b-izmb7zkpgk] {
    font-size: .86rem;
    font-weight: 900;
    color: var(--fn-readmore);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: transform 180ms ease;
}

.swiper-featured .featured-card:hover .featured-readmore[b-izmb7zkpgk] {
    transform: translateX(-2px);
}

/* Focus accessibility */
.swiper-featured .featured-card:focus-visible[b-izmb7zkpgk] {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.22), var(--fn-shadow);
}

:root[data-theme="dark"] .swiper-featured .featured-card:focus-visible[b-izmb7zkpgk] {
    box-shadow: 0 0 0 .2rem rgba(255,128,0,.26), var(--fn-shadow);
}

/* =========================
   Swiper Buttons — glass circles (theme-aware)
========================= */
.swiper-featured .swiper-button-prev[b-izmb7zkpgk],
.swiper-featured .swiper-button-next[b-izmb7zkpgk] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: var(--fn-nav-bg);
    border: 1px solid var(--fn-nav-border);
    backdrop-filter: blur(10px);
    box-shadow: var(--fn-nav-shadow);
    transition: transform 180ms ease, background-color 180ms ease;
}

    .swiper-featured .swiper-button-prev:hover[b-izmb7zkpgk],
    .swiper-featured .swiper-button-next:hover[b-izmb7zkpgk] {
        transform: scale(1.06);
        background: var(--fn-nav-bg-hover);
    }

    .swiper-featured .swiper-button-prev[b-izmb7zkpgk]::after,
    .swiper-featured .swiper-button-next[b-izmb7zkpgk]::after {
        font-size: 16px;
        font-weight: 900;
        color: var(--fn-nav-icon);
    }

/* Pagination bullets */
.swiper-featured .swiper-pagination-bullet[b-izmb7zkpgk] {
    width: 7px;
    height: 7px;
    opacity: .35;
}

.swiper-featured .swiper-pagination-bullet-active[b-izmb7zkpgk] {
    opacity: 1;
    transform: scale(1.12);
}

/* Fix Swiper RTL Arrow Direction */
.rtl-flip.swiper-button-prev[b-izmb7zkpgk] {
    right: auto;
    left: 0;
    transform: rotate(180deg);
}

.rtl-flip.swiper-button-next[b-izmb7zkpgk] {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.swiper-featured .swiper-pagination[b-izmb7zkpgk] {
    direction: ltr;
}

/* =========================
   FIX: Swiper nav overlaps slides
========================= */
.swiper-featured .swiper-button-prev[b-izmb7zkpgk],
.swiper-featured .swiper-button-next[b-izmb7zkpgk] {
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}

.swiper-featured .swiper-button-prev[b-izmb7zkpgk] {
    left: 10px;
    right: auto;
}

.swiper-featured .swiper-button-next[b-izmb7zkpgk] {
    right: 10px;
    left: auto;
}

/* Pagination under slides */
.swiper-featured .swiper-pagination[b-izmb7zkpgk] {
    position: relative;
    margin-top: 14px;
}

/* Responsive */
@media (max-width: 576px) {
    .swiper-featured[b-izmb7zkpgk] {
        padding-inline: 10px;
    }

        .swiper-featured .featured-media[b-izmb7zkpgk] {
            height: 200px;
        }

        .swiper-featured .featured-title[b-izmb7zkpgk] {
            font-size: 1rem;
        }

        .swiper-featured .swiper-button-prev[b-izmb7zkpgk],
        .swiper-featured .swiper-button-next[b-izmb7zkpgk] {
            width: 38px;
            height: 38px;
            top: auto;
            bottom: 10px;
            transform: none;
        }

        .swiper-featured .swiper-button-prev[b-izmb7zkpgk] {
            left: 10px;
        }

        .swiper-featured .swiper-button-next[b-izmb7zkpgk] {
            right: 10px;
        }
}
/* /Views/Shared/Components/NewsCarousel/Templates/HeroOverlay.cshtml.rz.scp.css */
.hero-overlay-carousel .hero-card[b-6ixwqa8ce1] {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    transition: all 0.4s ease;
    height: 360px;
}

    .hero-overlay-carousel .hero-card img[b-6ixwqa8ce1] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .hero-overlay-carousel .hero-card:hover img[b-6ixwqa8ce1] {
        transform: scale(1.05);
    }

.hero-overlay-carousel .hero-content[b-6ixwqa8ce1] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.1));
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    z-index: 2;
    transition: background 0.3s ease;
    text-align: right;
}

.hero-overlay-carousel .hero-title[b-6ixwqa8ce1] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.hero-overlay-carousel .hero-date[b-6ixwqa8ce1] {
    font-size: 0.9rem;
    color: #ccc;
}

@media (max-width: 768px) {
    .hero-overlay-carousel .hero-card[b-6ixwqa8ce1] {
        height: 240px;
    }

    .hero-overlay-carousel .hero-title[b-6ixwqa8ce1] {
        font-size: 1rem;
    }

    .hero-overlay-carousel .hero-content[b-6ixwqa8ce1] {
        padding: 1rem;
    }
}
/* /Views/Shared/Components/NewsCarousel/Templates/ImageOnly.cshtml.rz.scp.css */
.carousel-image-only .carousel-card[b-ooubof3f7i] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .carousel-image-only .carousel-card:hover[b-ooubof3f7i] {
        transform: scale(1.02);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    .carousel-image-only .carousel-card img[b-ooubof3f7i] {
        width: 100%;
        height: 280px;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .carousel-image-only .carousel-card:hover img[b-ooubof3f7i] {
        transform: scale(1.05);
    }

.carousel-image-only .carousel-overlay[b-ooubof3f7i] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent);
    color: white;
    text-align: right;
}

.carousel-image-only .carousel-title[b-ooubof3f7i] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.carousel-image-only .carousel-date[b-ooubof3f7i] {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-top: 0.25rem;
}
/* /Views/Shared/Components/NewsCarousel/Templates/Media.cshtml.rz.scp.css */
/* =========================
   Media Carousel (Film/Audio)
   Scope: .swiper-media ...
========================= */
.swiper-media[b-1r1j2fzbpt] {
    --m-text: rgba(255,255,255,.92);
    --m-muted: rgba(255,255,255,.72);
    --m-faint: rgba(255,255,255,.55);
    --m-line: rgba(255,255,255,.10);
    --m-line2: rgba(255,255,255,.08);
    --m-glass: rgba(255,255,255,.08);
    --m-glass2: rgba(255,255,255,.12);
    --m-radius: 18px;
    --m-shadow: 0 18px 48px rgba(0,0,0,.35);
    --m-shadow2: 0 26px 72px rgba(0,0,0,.45);
    /* جا برای دکمه‌ها که روی کارت نیفتن */
    padding-inline: 54px;
}

    .swiper-media .media-card[b-1r1j2fzbpt] {
        display: block;
        border-radius: var(--m-radius);
        overflow: hidden;
        background: rgba(255,255,255,.04);
        border: 1px solid var(--m-line);
        box-shadow: var(--m-shadow);
        transform: translateZ(0);
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
        height: 100%;
    }

        .swiper-media .media-card:hover[b-1r1j2fzbpt] {
            transform: translateY(-3px);
            box-shadow: var(--m-shadow2);
            border-color: rgba(255,255,255,.18);
            background: rgba(255,255,255,.06);
        }

    /* Poster */
    .swiper-media .media-poster[b-1r1j2fzbpt] {
        position: relative;
        aspect-ratio: 16 / 9;
        background: rgba(255,255,255,.06);
        overflow: hidden;
    }

        .swiper-media .media-poster img[b-1r1j2fzbpt] {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transform: scale(1);
            filter: saturate(1.05) contrast(1.05);
            transition: transform .6s ease, filter .2s ease;
        }

    .swiper-media .media-card:hover .media-poster img[b-1r1j2fzbpt] {
        transform: scale(1.06);
        filter: saturate(1.08) contrast(1.06) brightness(1.02);
    }

    /* ثابت برای خوانایی */
    .swiper-media .media-poster[b-1r1j2fzbpt]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0) 35%, rgba(0,0,0,.30) 100%), linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.20) 55%, rgba(0,0,0,0) 82%);
        opacity: 1;
    }

    /* Play button (center) */
    .swiper-media .media-play[b-1r1j2fzbpt] {
        position: absolute;
        inset: 0;
        margin: auto;
        width: 54px;
        height: 54px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        z-index: 2;
        color: #fff;
        background: rgba(255,255,255,.16);
        border: 1px solid rgba(255,255,255,.22);
        backdrop-filter: blur(10px);
        box-shadow: 0 16px 44px rgba(0,0,0,.35);
        transition: transform .18s ease, background-color .18s ease;
    }

        .swiper-media .media-play i[b-1r1j2fzbpt] {
            font-size: 28px;
            margin-left: 2px; /* play مرکزتر */
        }

    .swiper-media .media-card:hover .media-play[b-1r1j2fzbpt] {
        transform: scale(1.06);
        background: rgba(255,255,255,.22);
    }

    /* Badge top-right */
    .swiper-media .media-badge[b-1r1j2fzbpt] {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: .78rem;
        font-weight: 900;
        color: rgba(255,255,255,.92);
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(0,0,0,.32);
        border: 1px solid rgba(255,255,255,.14);
        backdrop-filter: blur(10px);
    }

    /* Body */
    .swiper-media .media-body[b-1r1j2fzbpt] {
        padding: 12px 14px 12px;
        text-align: right;
        min-width: 0;
    }

    .swiper-media .media-subtitle[b-1r1j2fzbpt] {
        color: rgba(255,255,255,.86);
        font-size: .80rem;
        font-weight: 850;
        margin: 0 0 8px;
        opacity: .92;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .swiper-media .media-title[b-1r1j2fzbpt] {
        color: var(--m-text);
        font-size: 1.02rem;
        font-weight: 950;
        line-height: 1.7;
        letter-spacing: -0.2px;
        margin: 0 0 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .swiper-media .media-summary[b-1r1j2fzbpt] {
        color: var(--m-muted);
        font-size: .90rem;
        font-weight: 650;
        line-height: 1.9;
        margin: 0 0 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Meta */
    .swiper-media .media-meta[b-1r1j2fzbpt] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--m-line2);
    }

    .swiper-media .media-date[b-1r1j2fzbpt] {
        font-size: .80rem;
        font-weight: 750;
        color: var(--m-faint);
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .swiper-media .media-cta[b-1r1j2fzbpt] {
        font-size: .86rem;
        font-weight: 950;
        color: rgba(255,255,255,.90);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        opacity: .92;
        transition: transform .18s ease, opacity .18s ease;
    }

    .swiper-media .media-card:hover .media-cta[b-1r1j2fzbpt] {
        transform: translateX(-2px);
        opacity: 1;
    }

    /* Swiper nav — glass on dark */
    .swiper-media .swiper-button-prev[b-1r1j2fzbpt],
    .swiper-media .swiper-button-next[b-1r1j2fzbpt] {
        width: 44px;
        height: 44px;
        border-radius: 999px;
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.16);
        backdrop-filter: blur(10px);
        box-shadow: 0 18px 44px rgba(0,0,0,.35);
        transition: transform .18s ease, background-color .18s ease;
        z-index: 20;
        top: 50%;
        transform: translateY(-50%);
    }

        .swiper-media .swiper-button-prev:hover[b-1r1j2fzbpt],
        .swiper-media .swiper-button-next:hover[b-1r1j2fzbpt] {
            transform: translateY(-50%) scale(1.06);
            background: rgba(255,255,255,.16);
        }

        .swiper-media .swiper-button-prev[b-1r1j2fzbpt]::after,
        .swiper-media .swiper-button-next[b-1r1j2fzbpt]::after {
            font-size: 16px;
            font-weight: 900;
            color: rgba(255,255,255,.92);
        }

/* RTL arrow fix */
.rtl-flip.swiper-button-prev[b-1r1j2fzbpt] {
    right: auto;
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.rtl-flip.swiper-button-next[b-1r1j2fzbpt] {
    left: auto;
    right: 10px;
    transform: translateY(-50%) rotate(180deg);
}

/* Pagination */
.swiper-media .swiper-pagination[b-1r1j2fzbpt] {
    direction: ltr;
}

.swiper-media .swiper-pagination-bullet[b-1r1j2fzbpt] {
    width: 7px;
    height: 7px;
    opacity: .35;
    background: rgba(255,255,255,.70);
}

.swiper-media .swiper-pagination-bullet-active[b-1r1j2fzbpt] {
    opacity: 1;
    transform: scale(1.12);
}

/* Mobile tweaks */
@media (max-width: 576px) {
    .swiper-media[b-1r1j2fzbpt] {
        padding-inline: 10px;
    }

        .swiper-media .swiper-button-prev[b-1r1j2fzbpt],
        .swiper-media .swiper-button-next[b-1r1j2fzbpt] {
            width: 38px;
            height: 38px;
            top: auto;
            bottom: 10px;
            transform: none;
        }

    .rtl-flip.swiper-button-prev[b-1r1j2fzbpt] {
        left: 10px;
        transform: rotate(180deg);
    }

    .rtl-flip.swiper-button-next[b-1r1j2fzbpt] {
        right: 10px;
        transform: rotate(180deg);
    }

    .swiper-media .media-play[b-1r1j2fzbpt] {
        width: 50px;
        height: 50px;
    }
}
/* /Views/Shared/Components/NewsCarousel/Templates/Minimal.cshtml.rz.scp.css */
.carousel-minimal .news-item[b-lg5esgvqfz] {
    padding: 1rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

    .carousel-minimal .news-item:hover[b-lg5esgvqfz] {
        background-color: #f9f9f9;
        box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }

.carousel-minimal .news-title[b-lg5esgvqfz] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: #222;
}

.carousel-minimal .news-date[b-lg5esgvqfz] {
    font-size: 0.8rem;
    color: #888;
}

.carousel-minimal .news-link[b-lg5esgvqfz] {
    text-decoration: none;
    display: block;
    color: inherit;
}

    .carousel-minimal .news-link:hover .news-title[b-lg5esgvqfz] {
        color: #0d6efd;
    }
/* /Views/Shared/Components/NewsCarousel/Templates/Overlay.cshtml.rz.scp.css */
/* ===== Card ===== */
.carousel-overlay .overlay-card[b-jt48ma5d78] {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    transform: translateZ(0);
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
    transition: transform .22s ease, box-shadow .22s ease;
}

    .carousel-overlay .overlay-card:hover[b-jt48ma5d78] {
        transform: translateY(-2px);
        box-shadow: 0 18px 40px rgba(0,0,0,.16);
    }

    /* ===== Image ===== */
    .carousel-overlay .overlay-card img[b-jt48ma5d78] {
        width: 100%;
        height: 480px;
        object-fit: cover;
        display: block;
        transition: transform .65s ease, filter .22s ease;
        filter: saturate(1.04) contrast(1.04);
    }

    .carousel-overlay .overlay-card:hover img[b-jt48ma5d78] {
        transform: scale(1.06);
        filter: saturate(1.06) contrast(1.06) brightness(1.02);
    }

    /* ===== Overlay gradient (ALWAYS ON) ===== */
    .carousel-overlay .overlay-card[b-jt48ma5d78]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        /* ثابت و حرفه‌ای: خوانایی همیشگی */
        background: radial-gradient(120% 90% at 50% 30%, rgba(0,0,0,0) 35%, rgba(0,0,0,.28) 100%), linear-gradient(to top, rgba(0,0,0,.84), rgba(0,0,0,.22) 55%, rgba(0,0,0,0) 82%);
        opacity: 1; /* مهم: ثابت */
    }

    /* یک لایه خیلی ظریف برای پولیش (اختیاری ولی قشنگ) */
    .carousel-overlay .overlay-card[b-jt48ma5d78]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to bottom, rgba(255,255,255,.06), rgba(255,255,255,0) 35%);
        opacity: .35; /* ثابت */
    }

/* ===== Content ===== */
.carousel-overlay .overlay-content[b-jt48ma5d78] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 18px 18px 16px;
    color: #fff;
    text-align: right;
    z-index: 2; /* بالای گرادینت */
}

.carousel-overlay .overlay-title[b-jt48ma5d78] {
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1.55;
    margin: 0 0 6px;
    letter-spacing: -0.2px;
    text-shadow: 0 6px 18px rgba(0,0,0,.35);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.carousel-overlay .overlay-date[b-jt48ma5d78] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .85rem;
    font-weight: 700;
    color: rgba(255,255,255,.88);
    text-shadow: 0 6px 18px rgba(0,0,0,.35);
}


.carousel-overlay .swiper-button-prev[b-jt48ma5d78],
.carousel-overlay .swiper-button-next[b-jt48ma5d78] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.40);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
    transition: transform .18s ease, background-color .18s ease;
}

    .carousel-overlay .swiper-button-prev:hover[b-jt48ma5d78],
    .carousel-overlay .swiper-button-next:hover[b-jt48ma5d78] {
        background: rgba(0,0,0,.58);
        transform: translateY(-50%) scale(1.05);
    }

    .carousel-overlay .swiper-button-prev[b-jt48ma5d78]::after,
    .carousel-overlay .swiper-button-next[b-jt48ma5d78]::after {
        font-size: 16px;
        font-weight: 900;
        color: #fff;
    }


/* ===== SubTitle ===== */
.carousel-overlay .overlay-subtitle[b-jt48ma5d78] {
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.6;
    margin: 0 0 8px;
    color: rgba(255,255,255,.86);
    text-shadow: 0 6px 18px rgba(0,0,0,.35);
    letter-spacing: -0.1px;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* ساب‌تایتل کوتاه و تمیز */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    /* یک جداکننده‌ی خیلی ظریف زیر ساب‌تایتل (پولیش) */
    .carousel-overlay .overlay-subtitle[b-jt48ma5d78]::after {
        content: "";
        display: block;
        width: 52px;
        height: 2px;
        margin-top: 10px;
        border-radius: 999px;
        background: rgba(255,255,255,.22);
    }

/* ===== Summary ===== */
.carousel-overlay .overlay-summary[b-jt48ma5d78] {
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.85;
    margin: 0 0 12px;
    color: rgba(255,255,255,.80);
    text-shadow: 0 6px 18px rgba(0,0,0,.35);
    display: -webkit-box;
    -webkit-line-clamp: 2; /* خلاصه: دو خط، شیک */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* روی هاور کمی واضح‌تر و زنده‌تر */
.carousel-overlay .overlay-card:hover .overlay-subtitle[b-jt48ma5d78] {
    color: rgba(255,255,255,.92);
}

.carousel-overlay .overlay-card:hover .overlay-summary[b-jt48ma5d78] {
    color: rgba(255,255,255,.88);
}

/* موبایل: خلاصه کوتاه‌تر که کارت شلوغ نشه */
@media (max-width: 576px) {
    .carousel-overlay .overlay-card img[b-jt48ma5d78] {
        height: 380px;
    }

    .carousel-overlay .overlay-subtitle[b-jt48ma5d78] {
        -webkit-line-clamp: 1;
        margin-bottom: 6px;
    }

    .carousel-overlay .overlay-summary[b-jt48ma5d78] {
        -webkit-line-clamp: 1;
        margin-bottom: 10px;
    }
}
/* /Views/Shared/_Footer.cshtml.rz.scp.css */
/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-nkwsd14e7d] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-nkwsd14e7d] {
  color: #0077cc;
}

.btn-primary[b-nkwsd14e7d] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-nkwsd14e7d], .nav-pills .show > .nav-link[b-nkwsd14e7d] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-nkwsd14e7d] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-nkwsd14e7d] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-nkwsd14e7d] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-nkwsd14e7d] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-nkwsd14e7d] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}