/* -----------------------------------------------------------------------------
   Bond Activity Template Shell
   ----------------------------------------------------------------------------- */

.bond-bp-content {
	& #buddypress {
		& .screen-content #activity-stream .activity-list.bp-list {
			& > li.bond-activity-template.activity-item:not(.activity-popup) {
				& .bond-activity-header a,
				& .bond-activity-meta a,
				& .bond-activity-comment-shell__author a,
				& .bond-activity-comment-shell__meta a {
					color: var(--color-link);
					text-decoration: underline;
					text-decoration-thickness: 1px;
					text-underline-offset: 2px;
				}

				& .bond-activity-avatar-stack {
					position: relative;
					width: 50px;
					min-width: 50px;
					height: 40px;
					overflow: visible;
				}

				& .bond-activity-avatar-stack--contextless {
					padding-right: 10px;
				}

				& .bond-activity-avatar-stack__context {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					background: #b6002d;
				}

				& .bond-activity-avatar-stack--contextless .bond-activity-avatar-stack__author-link {
					position: absolute;
					right: -5px;
					bottom: -5px;
					display: block;
					width: 22px;
					height: 22px;
					border: 1.2px solid var(--color-background-body);
					border-radius: 50%;
					overflow: hidden;
					background: var(--color-background-body);

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

				& .bond-activity-header--contextless {
					padding-top: 2px;

					& p,
					& .activity-topic {
						font-size: 16px;
						line-height: 24px;
					}

					& .activity-time-since,
					& .activity-time-since .time-since {
						color: var(--color-link);
					}
				}

				& .bond-activity-meta--group,
				& .bond-activity-meta--group p {
					font-size: 16px;
					line-height: 24px;
				}

				& .bond-activity-comments {
					grid-column: 1 / -1;
					width: 100%;
					margin: 0;
				}

				& .bond-activity-comment-shell {
					width: 100%;
				}

				& .bond-activity-comment-shell__inner {
					display: flex;
					align-items: flex-start;
					width: 100%;
					gap: 12px;
				}

				& .bond-activity-comment-shell__avatar {
					flex: 0 0 40px;
					width: 40px;

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

				& .bond-activity-comment-shell__content {
					flex: 1 1 auto;
					width: 100%;
					min-width: 0;
					max-width: none;
				}

				& .bond-activity-comment-shell__bubble {
					width: 100%;
					max-width: 100%;
				}
			}
		}
	}
}

@media (max-width: 640px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-template.activity-item:not(.activity-popup) {
		& .bond-activity-header--contextless p,
		& .bond-activity-header--contextless .activity-topic,
		& .bond-activity-meta--group,
		& .bond-activity-meta--group p {
			font-size: 15px;
			line-height: 22px;
		}
	}
}