/* ===== POST PAGE STYLES ===== */
:root { --color-primary:#1B2B4D; --color-accent:#E07A3D; --color-bg:#FAF8F5; --color-card:#fff; --color-border:#f0ebe4; }
body { background: var(--color-bg); font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; color:#1a1a2e; line-height:1.5; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

.breadcrumb { max-width:1100px; margin:20px auto 0; padding:0 24px; display:flex; align-items:center; gap:8px; font-size:13px; color:#9ca3af; }
.breadcrumb a { color:#9ca3af; transition:color 0.2s; }
.breadcrumb a:hover { color:#1B2B4D; }
.breadcrumb i { font-size:10px; }

.post-layout { max-width:1100px; margin:20px auto 40px; padding:0 24px; display:grid; grid-template-columns:1fr 340px; gap:24px; }
.post-card-main { background:#fff; border-radius:20px; padding:32px; box-shadow:0 1px 3px rgba(0,0,0,0.04); border:1px solid var(--color-border); }
.post-meta-top { display:flex; align-items:center; gap:12px; margin-bottom:16px; font-size:13px; color:#6b7280; }
.post-type-badge { display:inline-flex; align-items:center; padding:4px 12px; border-radius:100px; font-size:11px; font-weight:600; text-transform:uppercase; color:#fff; }
.post-type-badge.poem { background:#E07A3D; }
.post-type-badge.story { background:#1B2B4D; }
.post-type-badge.essay { background:#2d4a6f; }
.post-type-badge.article { background:#c5a059; }
.post-type-badge.default { background:#6b7280; }

.post-title { font-family:'Playfair Display',serif; font-size:36px; font-weight:700; color:#1B2B4D; line-height:1.2; margin-bottom:20px; }

.author-bar { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #f5f0e8; margin-bottom:24px; }
.author-bar-left { display:flex; align-items:center; gap:12px; }
.author-bar-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.author-bar-info { display:flex; flex-direction:column; }
.author-bar-name { font-size:15px; font-weight:600; color:#1B2B4D; display:flex; align-items:center; gap:4px; }
.author-bar-name .verify { width:16px; height:16px; background:#E07A3D; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:8px; }
.author-bar-role { font-size:12px; color:#9ca3af; }
.author-bar-followers { font-size:12px; color:#9ca3af; }
.author-bar-actions { display:flex; gap:8px; }
.author-bar-btn { display:inline-flex; align-items:center; gap:4px; padding:8px 16px; border-radius:100px; font-size:13px; font-weight:600; cursor:pointer; transition:all 0.2s; border:none; }
.author-bar-btn.follow { background:#E07A3D; color:#fff; }
.author-bar-btn.follow:hover { background:#c96a2f; }
.author-bar-btn.save { background:#fff; color:#5a5a6e; border:1px solid #e8e4de; }
.author-bar-btn.save:hover { border-color:#1B2B4D; color:#1B2B4D; }
.author-bar-btn.saved { background:#fff5eb; color:#E07A3D; border:1px solid #E07A3D; }

.post-body { font-family:'Playfair Display',Georgia,serif; font-size:17px; line-height:1.9; color:#1a1a2e; margin-bottom:28px; }
.post-body p { margin-bottom:16px; }
.post-body em, .post-body i { font-style:italic; }

.post-stats-actions { padding-top:20px; border-top:1px solid #f5f0e8; }
.post-stats-row { display:flex; align-items:center; gap:20px; font-size:13px; color:#6b7280; margin-bottom:16px; }
.post-stats-row i { margin-right:4px; }
.post-action-btns { display:flex; align-items:center; gap:10px; }
.post-action-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; border-radius:100px; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s; border:1px solid #e8e4de; background:#fff; color:#5a5a6e; }
.post-action-btn:hover { border-color:#1B2B4D; color:#1B2B4D; }
.post-action-btn.liked { background:#fff5eb; color:#E07A3D; border-color:#E07A3D; }
.post-action-btn .count { font-weight:600; }
.post-action-more { margin-left:auto; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #e8e4de; background:#fff; color:#5a5a6e; cursor:pointer; font-size:14px; }

.comments-section { margin-top:24px; }
.comments-title { font-size:18px; font-weight:700; color:#1B2B4D; margin-bottom:16px; }
.comment-form { margin-bottom:24px; }
.comment-form textarea { width:100%; padding:12px 16px; border:1px solid #e8e4de; border-radius:12px; font-size:14px; font-family:inherit; resize:none; outline:none; min-height:60px; }
.comment-form textarea:focus { border-color:#E07A3D; }
.comment-form button { margin-top:10px; padding:8px 20px; background:#1B2B4D; color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; }
.comment-form button:hover { background:#2d4a6f; }
.comment-login { font-size:13px; color:#6b7280; padding:12px; background:#faf7f2; border-radius:10px; margin-bottom:16px; }
.comment-login a { color:#E07A3D; font-weight:600; }

.comment-item { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid #f5f0e8; }
.comment-item:last-child { border-bottom:none; }
.comment-avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.comment-content { flex:1; }
.comment-header { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.comment-author { font-size:14px; font-weight:600; color:#1B2B4D; }
.comment-time { font-size:12px; color:#9ca3af; }
.comment-text { font-size:14px; color:#4b5563; line-height:1.5; margin-bottom:8px; }
.comment-footer { display:flex; align-items:center; gap:16px; font-size:12px; }
.comment-like { display:flex; align-items:center; gap:4px; color:#9ca3af; cursor:pointer; transition:color 0.2s; border:none; background:none; padding:0; }
.comment-like:hover, .comment-like.liked { color:#ef4444; }
.comment-reply { color:#9ca3af; cursor:pointer; }
.comment-reply:hover { color:#1B2B4D; }
.load-more-comments { text-align:center; margin-top:16px; }
.load-more-comments button { padding:8px 24px; border:1px solid #e8e4de; border-radius:100px; background:#fff; color:#5a5a6e; font-size:13px; cursor:pointer; }
.load-more-comments button:hover { border-color:#E07A3D; color:#E07A3D; }

.sidebar { display:flex; flex-direction:column; gap:20px; }
.sidebar-card { background:#fff; border-radius:16px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.04); border:1px solid var(--color-border); }
.author-mini-cover { height:100px; border-radius:12px; background:linear-gradient(135deg,#1B2B4D,#2d4a6f); margin-bottom:-40px; position:relative; overflow:hidden; }
.author-mini-avatar { width:80px; height:80px; border-radius:50%; object-fit:cover; border:4px solid #fff; margin:0 auto; display:block; position:relative; z-index:2; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.author-mini-body { text-align:center; padding-top:12px; }
.author-mini-name { font-size:16px; font-weight:700; color:#1B2B4D; display:flex; align-items:center; justify-content:center; gap:4px; }
.author-mini-role { font-size:12px; color:#6b7280; margin-top:2px; }
.author-mini-location { font-size:12px; color:#9ca3af; margin-top:2px; }
.author-mini-bio { font-size:13px; color:#5a5a6e; line-height:1.6; margin-top:10px; text-align:left; }
.author-mini-stats { display:flex; justify-content:center; gap:24px; margin:14px 0; }
.author-mini-stat { text-align:center; }
.author-mini-stat .val { font-size:18px; font-weight:700; color:#1B2B4D; }
.author-mini-stat .lbl { font-size:11px; color:#9ca3af; }
.author-mini-follow { width:100%; padding:10px; background:#fff; color:#E07A3D; border:1px solid #E07A3D; border-radius:100px; font-size:13px; font-weight:600; cursor:pointer; transition:all 0.2s; }
.author-mini-follow:hover { background:#E07A3D; color:#fff; }
.author-mini-follow.following { background:#E07A3D; color:#fff; }

.related-title { font-size:16px; font-weight:700; color:#1B2B4D; margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; }
.related-title a { font-size:12px; color:#E07A3D; font-weight:600; }
.related-item { display:flex; gap:12px; padding:10px 0; border-bottom:1px solid #f5f0e8; }
.related-item:last-child { border-bottom:none; }
.related-thumb { width:56px; height:56px; border-radius:10px; object-fit:cover; flex-shrink:0; }
.related-info { flex:1; min-width:0; }
.related-name { font-size:13px; font-weight:600; color:#1B2B4D; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.related-author { font-size:11px; color:#9ca3af; margin-top:2px; }
.related-meta { display:flex; align-items:center; gap:10px; margin-top:4px; font-size:11px; color:#9ca3af; }
.related-tag { display:inline-block; padding:2px 8px; border-radius:100px; font-size:10px; font-weight:600; text-transform:uppercase; color:#fff; background:#E07A3D; }

.tags-list { display:flex; flex-wrap:wrap; gap:8px; }
.tag-item { padding:6px 14px; background:#faf7f2; border-radius:100px; font-size:12px; color:#5a5a6e; transition:all 0.2s; }
.tag-item:hover { background:#1B2B4D; color:#fff; }

.share-dropdown { position:relative; display:inline-block; }
.share-menu { display:none; position:absolute; bottom:100%; left:0; background:#fff; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.12); padding:8px; min-width:160px; z-index:50; margin-bottom:8px; }
.share-menu.show { display:block; }
.share-menu a { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; font-size:13px; color:#5a5a6e; transition:background 0.2s; }
.share-menu a:hover { background:#faf7f2; }

@media(max-width:900px){ .post-layout{grid-template-columns:1fr;} .sidebar{display:none;} .post-title{font-size:28px;} }
@media(max-width:640px){ .post-card-main{padding:20px;} .author-bar{flex-direction:column;align-items:flex-start;gap:12px;} .post-title{font-size:24px;} }