.community-comments-section{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:1.5rem;margin-top:2rem;margin-bottom:2rem}.community-comments{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:1.5rem;margin-top:2rem;margin-bottom:2rem}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comments-header h3{color:var(--primary-color);margin:0}.toggle-comments{display:none}.comments-container{display:flex;flex-direction:column;gap:1.5rem}.comment-item{display:flex;gap:1rem;border-bottom:1px solid #f5f5f5;padding-bottom:1.5rem}.comment-item:last-of-type{border-bottom:none}.comment-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-header h4{margin:0;color:var(--primary-color);font-size:1rem}.comment-date{font-size:.8rem;color:var(--text-secondary)}.comment-actions{display:flex;gap:1rem;margin-top:.8rem}.comment-action{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.comment-action:hover{color:var(--primary-color)}.add-comment{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.comment-form{display:flex;flex-direction:column;gap:1rem}.add-comment textarea{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .3s ease}.add-comment textarea:focus{outline:none;border-color:var(--primary-color)}.btn-post-comment{align-self:flex-end;background:var(--primary-color);color:white;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-post-comment:hover{background:var(--secondary-color);transform:translateY(-2px)}.hadith-dark-mode .community-comments-section,.hadith-dark-mode .community-comments{background-color:var(--background-dark);color:var(--light-bg)}.hadith-dark-mode .comment-item{border-color:#333}.hadith-dark-mode .comment-header h4{color:var(--accent-color)}.hadith-dark-mode .add-comment textarea{background-color:rgba(255,255,255,.1);border-color:#444;color:var(--light-bg)}@media (max-width:768px){.comment-actions{flex-wrap:wrap}.comment-action{font-size:.8rem}.btn-post-comment{align-self:stretch}}