/* ============================================
   COMMENTS
   ============================================ */
.comments-area { margin-top: var(--pp-spacing); padding-top: var(--pp-spacing); border-top: 1px solid var(--pp-border); }
.comments-title { font-size: var(--pp-fs-xl); margin-bottom: var(--pp-spacing); }
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment { margin-bottom: var(--pp-spacing); padding-bottom: var(--pp-spacing); border-bottom: 1px solid var(--pp-border); }
.comment:last-child { border-bottom: none; }
.comment-body { display: flex; gap: 1rem; }
.comment-author .avatar { border-radius: 50%; border: 2px solid var(--pp-accent); }
.comment-author .fn { font-style: normal; font-weight: 700; color: var(--pp-text-primary); }
.comment-author .says { color: var(--pp-text-muted); }
.comment-metadata { font-size: var(--pp-fs-xs); color: var(--pp-text-muted); margin-bottom: 0.75em; }
.comment-metadata a { color: var(--pp-text-muted); }
.comment-content { margin-left: 60px; }
.comment-content p { margin-bottom: 1em; }
.comment-reply-link { font-size: var(--pp-fs-sm); font-weight: 600; color: var(--pp-accent); }
.children { list-style: none; margin-left: 60px; padding: 0; }
.comment-respond { margin-top: var(--pp-spacing); }
.comment-reply-title { font-size: var(--pp-fs-xl); margin-bottom: 1em; }
.comment-form label { display: block; margin-bottom: 0.5em; }
.comment-form input, .comment-form textarea { width: 100%; margin-bottom: 1em; }
.comment-form .form-submit { margin-top: 1em; }

/* ============================================
   WIDGETS
   ============================================ */
.widget { margin-bottom: var(--pp-spacing); }
.widget:last-child { margin-bottom: 0; }
.widget-title { font-size: var(--pp-fs-lg); margin: 0 0 1em; padding-bottom: 0.75em; border-bottom: 2px solid var(--pp-accent); color: var(--pp-accent); }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget li { padding: 0.5em 0; border-bottom: 1px solid var(--pp-border); }
.widget li:last-child { border-bottom: none; }
.widget a { color: var(--pp-text-secondary); }
.widget a:hover { color: var(--pp-accent); }
.widget_search .search-form { display: flex; gap: 0.5rem; }
.widget_search .search-field { flex: 1; }
.widget_search .search-submit { padding: 0.75em 1em; }
.widget_categories li, .widget_archive li { display: flex; justify-content: space-between; align-items: center; }
.widget_categories .count, .widget_archive .count { font-size: var(--pp-fs-xs); padding: 0.2em 0.6em; background: var(--pp-tertiary-bg); border-radius: 1em; color: var(--pp-text-muted); }
.widget_recent_entries li { display: block; padding: 0.75em 0; }
.widget_recent_entries .post-date { display: block; font-size: var(--pp-fs-xs); color: var(--pp-text-muted); margin-top: 0.25em; }
.tagcloud { display: flex; flex-wrap: wrap; gap: 0.5em; }
.tagcloud a { display: inline-block; padding: 0.35em 0.85em; font-size: var(--pp-fs-sm) !important; background: var(--pp-tertiary-bg); color: var(--pp-text-secondary); border-radius: 2em; transition: background var(--pp-transition-fast), color var(--pp-transition-fast); }
.tagcloud a:hover { background: var(--pp-accent); color: var(--pp-primary-bg); }

/* ============================================
   FOOTER
   ============================================ */
.site-footer { background: var(--pp-secondary-bg); border-top: 1px solid var(--pp-border); padding: var(--pp-spacing) 0; margin-top: auto; }
.site-footer .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--pp-spacing); }
.footer-widget-area { display: contents; }
.site-footer .widget { margin-bottom: 0; }
.site-info { grid-column: 1 / -1; text-align: center; padding-top: var(--pp-spacing); border-top: 1px solid var(--pp-border); font-size: var(--pp-fs-sm); color: var(--pp-text-muted); }
.site-info a { color: var(--pp-accent); }
.site-info a:hover { color: var(--pp-accent-hover); }
.footer-navigation { margin-top: 1em; }
.footer-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 1em; }
.footer-navigation a { color: var(--pp-text-muted); }
.footer-navigation a:hover { color: var(--pp-accent); }

/* ============================================
   SOCIAL MENU
   ============================================ */
.social-menu { display: flex; gap: 0.75rem; }
.social-menu a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--pp-tertiary-bg); color: var(--pp-text-secondary); border-radius: 50%; transition: background var(--pp-transition-fast), color var(--pp-transition-fast), transform var(--pp-transition-fast); }
.social-menu a:hover { background: var(--pp-accent); color: var(--pp-primary-bg); transform: translateY(-2px); }
.social-menu svg { width: 20px; height: 20px; fill: currentColor; }