/* -----------------------------------------------------------------------------
   Bond Activity Template Content
   ----------------------------------------------------------------------------- */

.bond-bp-content {
	& #buddypress {
		& .screen-content #activity-stream .activity-list.bp-list {
			& > li.bond-activity-template.activity.activity_update.activity-item:not(.activity-popup) {
				& > .activity-header.bond-activity-header--contextless {
					padding-right: 20px;
				}

				& > .activity-title.bond-activity-title {
					padding: 14px 20px 0 0;
				}

				& > .activity-content.bond-activity-content {
					padding-top: 12px;

					& .activity-inner,
					& .bond-activity-body {
						padding: 0 20px 0 70px;
					}

					& .bb-activity-media-wrap,
					& .activity-feature-image,
					& .activity-state {
						padding-left: 0;
					}
				}

				& > .bond-activity-comments.activity-comments {
					grid-column: 1 / -1;
					padding: 16px 20px 16px 20px;
				}
			}

			& > li.bond-activity-template.bond-activity-template--contextless.bond-activity-template--mini.activity-item:not(.activity):not(.activity-popup) {
				display: block;
				padding: 0;

				& > .activity-avatar.item-avatar.bond-activity-avatar-stack {
					grid-column: 1;
					grid-row: 1;
					margin: 0;
					padding-right: 10px;
				}

				& > .activity-header.bond-activity-header--contextless {
					grid-column: 2;
					grid-row: 1;
					margin: 0;
					padding: 2px 0 0;

					& p,
					& .activity-topic {
						margin: 0;
						color: var(--color-bond-black);
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
					}

					& p {
						display: flex;
						flex-wrap: wrap;
						align-items: baseline;
					}
				}

				& > .activity-content.bond-activity-content {
					grid-column: 1 / -1;
					margin: 0;
					padding: 0;
					min-height: 0;

					& .activity-inner,
					& .bond-activity-body {
						display: none;
					}
				}

				& > .activity-state,
				& > .bond-activity-comments.activity-comments {
					grid-column: 1 / -1;
				}
			}

			& > li.bond-activity-template.activity-item:not(.activity-popup):not(:has(> .bond-activity-comments--figma)) {
				& .activity-comments,
				& .bond-activity-comments {
					display: block;
					clear: none;
					width: 100%;
					margin: 0;

					& > ul,
					& > ul > li.comment-item {
						width: 100%;
					}
				}

				& .acomment-display,
				& .bond-activity-comment-shell {
					display: block;
					width: 100%;
					padding-right: 0;
				}

				& .acomment_inner,
				& .bond-activity-comment-shell__inner {
					display: grid;
					grid-template-columns: 40px minmax(0, 1fr);
					align-items: start;
					column-gap: 12px;
					row-gap: 0;
					width: 100%;
				}

				& .acomment-avatar,
				& .bond-activity-comment-shell__avatar {
					flex: none;
					width: 40px;
					margin-top: 0;
				}

				& .acomment-avatar img,
				& .bond-activity-comment-shell__avatar img {
					width: 40px;
					height: 40px;
					border-radius: 50%;
				}

				& .acomment-content_wrap,
				& .bond-activity-comment-shell__content {
					display: block;
					flex: none;
					width: 100%;
					min-width: 0;
					max-width: none;
					padding: 0;
					border: 0;
				}

				& .acomment-content_block,
				& .bond-activity-comment-shell__bubble {
					display: block;
					width: 100%;
					min-width: 0;
					max-width: 100%;
					margin: 0;
					padding: 12px 16px;
				}

				& .acomment-meta,
				& .bond-activity-comment-shell__author {
					padding-left: 0;
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-template.activity.activity_update.activity-item:not(.activity-popup) > .activity-content.bond-activity-content {
		& .activity-inner,
		& .bond-activity-body {
			padding: 0 16px 0 60px;
		}

		& .bb-activity-media-wrap,
		& .activity-feature-image,
		& .activity-state {
			padding-left: 60px;
		}

		& .bb-activity-media-wrap,
		& .activity-feature-image {
			padding-left: 0;
		}
	}

	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-template.activity-item:not(.activity-popup) {
		& .acomment-display,
		& .acomment-content_wrap,
		& .acomment-content_block {
			max-width: 100%;
			width: 100%;
		}
	}
}

@media (max-width: 640px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-template.activity.activity_update.activity-item:not(.activity-popup) > .activity-content.bond-activity-content {
		& .activity-inner,
		& .bond-activity-body {
			padding: 0 12px 0 52px;
		}

		& .bb-activity-media-wrap,
		& .activity-feature-image,
		& .activity-state {
			padding-left: 52px;
		}

		& .bb-activity-media-wrap,
		& .activity-feature-image {
			padding-left: 0;
		}
	}

	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-template.activity-item:not(.activity-popup) {
		& .acomment-display,
		& .acomment-content_wrap,
		& .acomment-content_block {
			max-width: 100%;
			width: 100%;
		}
	}
}