/* Custom styles for VitalityPress */
.post-tags { margin: 2rem 0; padding: 1rem 0; border-top: 1px solid var(--color-border); }
.post-tags a { display: inline-block; padding: 0.25rem 0.75rem; background: var(--color-bg-light); border-radius: 20px; font-size: 0.875rem; margin: 0.25rem; transition: all 0.2s; }
.post-tags a:hover { background: var(--color-primary); color: white; text-decoration: none; }
.author-avatar { border-radius: 50%; }
.no-posts { text-align: center; padding: 4rem 0; }
.comment-list { list-style: none; padding: 0; }
.comment-list li { margin-bottom: 2rem; padding: 1.5rem; background: var(--color-bg-light); border-radius: 12px; }
.comment-author { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.comment-author .avatar { border-radius: 50%; }
.comment-metadata { font-size: 0.875rem; color: var(--color-text-muted); margin-bottom: 1rem; }
.comment-content { line-height: 1.7; }
.comment-reply-link { display: inline-block; margin-top: 1rem; font-weight: 600; color: var(--color-primary); }
.main-nav.active { display: block; position: absolute; top: 100%; left: 0; right: 0; background: white; padding: 1rem; box-shadow: 0 4px 20px rgba(0,0,0,0.1); z-index: 999; }
.main-nav.active ul { flex-direction: column; gap: 1rem; }
.mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }