/* ==========================================================================
   Showcase feed v2 — فیدِ ویترین به سبک اینستاگرام
   --------------------------------------------------------------------------
   پست‌ها از هم جدا نیستن: بدون کادر، بدون گوشه‌ی گرد، بدون فاصله و بدون
   «بالا‌اومدنِ» هاور؛ مدیا تمام‌عرض و همه‌ی پست‌ها یک‌دست و زیرِ هم.
   فقط روی #showcase-feed و پست‌ویوِر اعمال می‌شه؛ بقیه‌ی .post-cardها (مثلاً
   تایل‌های پروفایل) دست‌نخورده می‌مونن. هیچ منطق/آیدی‌ای تغییر نکرده.
   ========================================================================== */

/* ستونِ فید: وسط‌چین، عرضِ مناسبِ فید، بدون فاصله‌ی بین پست‌ها */
#showcase-feed.showcase-feed-list {
    display: flex; flex-direction: column; gap: 0;
    width: 100%; max-width: 520px; margin: 0 auto;
    padding: 0 0 24px !important;
}
#showcase-feed.showcase-feed-list.hidden { display: none !important; }

/* خودِ پست: هم‌رنگِ پس‌زمینه‌ی صفحه، بدون کادر/سایه/گردی */
#showcase-feed .post-card,
.post-viewer-content .post-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    margin: 0 !important;
    padding-bottom: 6px;
    overflow: visible !important;
}
#showcase-feed .post-card:hover,
.post-viewer-content .post-card:hover { transform: none !important; box-shadow: none !important; border-color: transparent !important; }
#showcase-feed .post-card > div:first-child,
.post-viewer-content .post-card > div:first-child { border-radius: 0; }

/* هدر پست: آواتار + نام، بدون خطِ جداکننده و بدون پس‌زمینه */
#showcase-feed .post-card > div:first-child {
    background: transparent !important;
    border: 0 !important;
    padding: 10px 14px !important;
}
#showcase-feed .post-card > div:first-child img {
    width: 34px !important; height: 34px !important; border: 0 !important;
    box-shadow: 0 0 0 2px var(--bg-primary), 0 0 0 3.5px var(--accent);
}
#showcase-feed .post-card > div:first-child p {
    font-size: 13.5px !important; font-weight: 700; max-width: 60vw !important;
}
#showcase-feed .post-card .post-menu-btn { width: 32px !important; height: 32px !important; }
#showcase-feed .post-card .post-menu-btn i { font-size: 15px !important; }

/* مدیا: لبه‌به‌لبه، بدون گوشه‌ی گرد و بدون زوم هاور */
#showcase-feed .post-card-media-container {
    border-radius: 0 !important; background: var(--bg-secondary) !important; min-height: 120px;
}
#showcase-feed .post-card-media-container img,
#showcase-feed .post-card-media-container video { border-radius: 0 !important; width: 100%; display: block; }
#showcase-feed .post-card-media-container:hover img { transform: none !important; }

/* ردیف اکشن‌ها (لایک/کامنت/لینک) و کپشن: شبیه اینستاگرام، بزرگ‌تر و راحت‌تر برای انگشت */
#showcase-feed .post-card > div.p-2 { padding: 6px 12px 4px !important; }
#showcase-feed .post-card .action-btn { min-width: 40px; min-height: 40px; }
#showcase-feed .post-card .action-btn i { font-size: 1.35rem !important; }
#showcase-feed .post-card .action-btn span { font-size: 13px !important; font-weight: 600; }
#showcase-feed .post-card .reaction-badge { font-size: 13px; }

/* کامنت‌ها: بدون کادر؛ فقط یک خطِ نازک بالا وقتی باز شد */
#showcase-feed .post-card .comments-section {
    border-radius: 0 !important; background: transparent !important; border-color: var(--border-color) !important;
}

/* موبایل: تمام‌عرض (بدون حاشیه‌ی کناری) */
@media (max-width: 767.98px) {
    #showcase-feed.showcase-feed-list { max-width: 100%; padding-bottom: 80px !important; }
}
/* دسکتاپ/ویندوز: ستونِ وسط با فاصله از بالا */
@media (min-width: 768px) {
    #showcase-feed.showcase-feed-list { padding-top: 12px !important; }
    #showcase-feed .post-card { padding-bottom: 14px; }
}

/* پست‌ویوِرِ تمام‌صفحه (کلیک روی تایل پروفایل): همان ظاهرِ یک‌دست */
.post-viewer-content { padding: 0 0 24px !important; max-width: 520px; margin: 0 auto; width: 100%; }