/* ═══════════════════════════════════════════════════════════
   nat-inline-fix.css — v4 (single-body)
   ═══════════════════════════════════════════════════════════ */

/* ─── کلاس اصلی محتوای مطلب ─── */
.single-body,
.nat-scrollable {
    max-height: 450px !important;
    min-height: 200px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(15,54,65,.10) !important;
    box-shadow: inset 0 1px 4px rgba(15,31,56,.05) !important;
    scroll-behavior: smooth !important;
    position: relative !important;
}

.single-body::-webkit-scrollbar,
.nat-scrollable::-webkit-scrollbar {
    width: 8px !important;
}
.single-body::-webkit-scrollbar-track,
.nat-scrollable::-webkit-scrollbar-track {
    background: rgba(15,54,65,.04) !important;
    border-radius: 10px !important;
}
.single-body::-webkit-scrollbar-thumb,
.nat-scrollable::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #D99A2B, #8B5E14) !important;
    border-radius: 10px !important;
}

/* درخشش پایین */
.single-body::after,
.nat-scrollable::after {
    content: '' !important;
    position: sticky !important;
    bottom: -16px !important;
    display: block !important;
    height: 40px !important;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.9)) !important;
    pointer-events: none !important;
    margin: 0 -20px -16px -20px !important;
    border-radius: 0 0 12px 12px !important;
}

/* ─── حالت باز ─── */
.single-body.nat-expanded,
.nat-scrollable.nat-expanded {
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
}

@media (max-width: 700px) {
    .single-body,
    .nat-scrollable {
        max-height: 350px !important;
        min-height: 200px !important;
        padding: 12px 14px !important;
    }
}

/* ─── دکمهٔ باز کردن ─── */
.nat-expand-btn {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    margin-top: 10px !important;
    background: linear-gradient(135deg, rgba(217,154,43,.10), rgba(217,154,43,.03)) !important;
    color: #8B5E14 !important;
    border: 1.5px dashed rgba(217,154,43,.40) !important;
    border-radius: 10px !important;
    font-family: 'Vazirmatn', Tahoma !important;
    font-weight: 800 !important;
    font-size: .82rem !important;
    cursor: pointer !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
.nat-expand-btn:hover {
    background: linear-gradient(135deg, rgba(217,154,43,.20), rgba(217,154,43,.08)) !important;
    border-style: solid !important;
}

/* ─── مرتبط‌ها ─── */
.nat-related {
    margin-top: 20px !important;
    padding: 12px 14px !important;
    background: linear-gradient(135deg, #faf7ee, #f0ece3) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15,54,65,.08) !important;
}
.nat-related h2, .nat-related h3 {
    font-size: .95rem !important;
    margin: 0 0 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid rgba(217,154,43,.30) !important;
    display: inline-block !important;
}
.nat-related .card, .nat-related article {
    padding: 6px !important;
    transform: scale(0.85) !important;
    transform-origin: top right !important;
}
.nat-related .card__img, .nat-related img { max-height: 70px !important; }
.nat-related .card__body h3, .nat-related h3 {
    font-size: .76rem !important; line-height: 1.35 !important;
    max-height: 2.7em !important; overflow: hidden !important;
}
.nat-related .card__body p {
    font-size: .68rem !important; max-height: 2.6em !important; overflow: hidden !important;
}
.nat-related .grid { gap: 8px !important; grid-template-columns: repeat(3, 1fr) !important; }
@media (max-width: 700px) { .nat-related .grid { grid-template-columns: repeat(2, 1fr) !important; } }

/* ─── مودال ─── */
body.nat-modal-open .nat-related { display: none !important; }
body.nat-modal-open .single-body { max-height: 55vh !important; }

/* ─── کلاس محتوای جایگزین (اگر single-body نبود) ─── */
.post-content, .post__content, .post-body,
.article-content, .article__content, .article-body,
.entry-content, .post-single__content, .post-text {
    max-height: 450px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(15,54,65,.10) !important;
}