/* Bold Usernames */
        .comment-author {
            font-weight: 700 !important;
        }
        
        .author-name {
            font-weight: 700 !important;
        }

        /* Colorful Comments Styling */
        .comments-section > .comment > .comment-box {
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 15px;
            border-left-width: 6px;
            border-left-style: solid;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }

        /* Alternating Colors for Main Comments */
        .comments-section > .comment:nth-child(4n+1) > .comment-box {
            background-color: #e3f2fd;
            border-left-color: #2196f3;
        }
        .comments-section > .comment:nth-child(4n+2) > .comment-box {
            background-color: #e8f5e9;
            border-left-color: #4caf50;
        }
        .comments-section > .comment:nth-child(4n+3) > .comment-box {
            background-color: #fff3e0;
            border-left-color: #ff9800;
        }
        .comments-section > .comment:nth-child(4n+4) > .comment-box {
            background-color: #fce4ec;
            border-left-color: #e91e63;
        }

        /* Replies Styling */
        .replies-dropdown .comment.reply-item .comment-box {
            background-color: #f3e5f5 !important;
            border-left-color: #9c27b0 !important;
            border-left-width: 6px !important;
            margin-left: 25px;
        }
        
        /* Read more styling */
        .read-more-btn {
            color: #0d6efd;
            cursor: pointer;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-top: 5px;
            background: none;
            border: none;
            padding: 0;
            font-size: inherit;
        }
        
        .read-more-btn:hover {
            text-decoration: underline;
        }
        
        .full-content {
            display: none;
        }
        
        .read-more-icon {
            transition: transform 0.3s ease;
        }
        
        .read-more-btn.expanded .read-more-icon {
            transform: rotate(180deg);
        }
        
        /* Avatar styles */
        .comment-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 10px;
        }
        
        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 15px;
        }
        
        .comment-header {
            display: flex;
            align-items: center;
        }
        
        .post-header {
            display: flex;
            align-items: center;
        }
        
        /* Remove borders from all action buttons */
        .action-btn {
            border: none !important;
            background: none !important;
            padding: 8px 12px;
            font-size: 0.85rem;
            text-decoration: none;
            color: inherit;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        
        .action-btn:hover {
            background: rgba(0, 0, 0, 0.05) !important;
        }
        
        /* Reply button styles - NO BORDER */
        .reply-btn {
            border: none !important;
            background: none !important;
            padding: 5px 10px;
            font-size: 0.85rem;
            color: #6c757d;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 3px;
        }
        
        .reply-btn:hover {
            color: #0d6efd;
            background: rgba(13, 110, 253, 0.1) !important;
        }
        
        /* Heart icon solid red when liked */
        .liked {
            color: #dc3545 !important;
        }
        
        .liked i {
            color: #dc3545 !important;
        }
        
        .liked:hover {
            color: #c82333 !important;
        }
        
        .liked:hover i {
            color: #c82333 !important;
        }
        
        /* TTS button styles */
        .tts-btn {
            border: none !important;
            background: none !important;
            padding: 8px 12px;
            font-size: 0.85rem;
            color: #6c757d;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        
        .tts-btn:hover {
            color: #0d6efd;
            background: rgba(13, 110, 253, 0.1) !important;
        }
        
        .tts-btn.playing {
            color: #0d6efd;
        }
        
        /* Post actions container */
        .post-actions {
            display: flex;
            align-items: center;
            gap: 15px;
            flex-wrap: wrap;
            padding: 15px 0;
            border-top: 1px solid #e9ecef;
            border-bottom: 1px solid #e9ecef;
            margin: 15px 0;
        }
        
        /* Comment actions */
        .comment-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }