/* Blog-specific styles. Inherits design tokens from site.css. */

.post-card{display:flex;flex-direction:column;}
.post-card__media{position:relative;aspect-ratio:16/9;background:var(--green-50);display:block;overflow:hidden;}
.post-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease;display:block;}
.post-card:hover .post-card__media img{transform:scale(1.04);}
.post-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--green-500);font-size:2rem;background:var(--green-50);}
.post-card__meta{display:flex;gap:14px;color:var(--muted);font-size:.85rem;margin-bottom:10px;}
.post-card__more{display:inline-flex;align-items:center;gap:6px;color:var(--green-700);font-weight:600;margin-top:8px;}
.post-card__more:hover{color:var(--green-900);}

.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--green-700);font-weight:600;margin-bottom:16px;}
.back-link:hover{color:var(--green-900);}

.post__header{margin-bottom:24px;}
.post__meta{display:flex;gap:18px;color:var(--muted);font-size:.9rem;margin-top:10px;flex-wrap:wrap;}
.post__meta i{color:var(--green-500);margin-right:4px;}
.post__cover{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:var(--radius);margin-bottom:24px;border:1px solid var(--line);background:var(--green-50);display:block;}
.post__body p{font-size:1.05rem;line-height:1.75;margin-bottom:1em;color:var(--ink-2);}
.post__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;}

/* Share button row on blog post detail page. */
.post__share{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center;}
.post__share .btn i{margin-right:4px;}

.comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--line);}
.comments h2{margin-bottom:20px;}
.comments__list{display:grid;gap:16px;margin-bottom:32px;}
.comment{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.comment__avatar{width:42px;height:42px;flex-shrink:0;border-radius:999px;background:var(--green-100);color:var(--green-700);font-weight:700;display:flex;align-items:center;justify-content:center;}
.comment__head{display:flex;gap:10px;align-items:center;margin-bottom:4px;}
.comment p{margin:0;color:var(--ink-2);line-height:1.55;}

.comment-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}

.empty-state{text-align:center;padding:64px 0;color:var(--muted);}
.empty-state i{font-size:3rem;color:var(--green-300);margin-bottom:14px;}

.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:32px;}

/* Toast for share button feedback. */
.share-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%, 30px);background:var(--green-800);color:#fff;padding:12px 22px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:100;}
.share-toast.is-visible{opacity:1;transform:translate(-50%, 0);}