/* -----------------------------------------------------------------------------
   Activity Feed Mini Comments
   ----------------------------------------------------------------------------- */

.bond-bp-content {
	& #buddypress {
		& .screen-content #activity-stream .activity-list.bp-list > li.activity-item:not(.activity-popup) {
			& .activity-comments {
				grid-column: 1 / -1;
				width: 100%;
				margin: 0;
				padding: 0 20px 16px;
				background: transparent;
				border: 0;

				&:not(:has(li)):not(:has(form)) {
					display: none;
				}

				& ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
			}

			& .acomment-display {
				width: 100%;
				margin-top: 12px;
			}

			& .acomment_inner {
				display: flex;
				align-items: flex-start;
				width: 100%;
				gap: 12px;
			}

			& .acomment-avatar {
				flex: 0 0 40px;
				width: 40px;

				& img {
					display: block;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					object-fit: cover;
				}
			}

			& .acomment-content_wrap {
				flex: 1 1 auto;
				width: 100%;
				min-width: 0;
				max-width: none;
			}

			& .acomment-content_block {
				width: 100%;
				max-width: 100%;
				padding: 12px 16px;
				background: var(--color-card-background);
				border-radius: 4px;
			}

			& .acomment-meta,
			& .acomment-meta a.author-name {
				margin: 0 0 0.25rem;
				color: var(--color-link);
				font-size: 1rem;
				line-height: 1.5;
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 2px;
			}

			& .acomment-content p {
				margin: 0;
				color: var(--color-bond-black);
				font-size: 1rem;
				line-height: 1.5;
			}

			& .acomment-foot-actions {
				padding: 8px 0 0;

				& .time-since {
					color: #6d6a5d;
					font-size: 1rem;
					line-height: 1.5;
					text-decoration: underline;
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.activity-item:not(.activity-popup) {
		& .activity-comments {
			width: 100%;
			margin: 0;
			padding: 0 16px 16px;
		}

		& .acomment-content_wrap {
			max-width: min(100%, 640px);
		}
	}
}

@media (max-width: 640px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.activity-item:not(.activity-popup) {
		& .activity-comments {
			width: 100%;
			margin: 0;
			padding: 0 12px 12px;
		}

		& .acomment_inner {
			gap: 0.75rem;
		}

		& .acomment-content_wrap {
			max-width: 100%;
		}

		& .acomment-content p {
			padding: 0;
			font-size: 0.9375rem;
		}
	}
}