/* -----------------------------------------------------------------------------
   Activity Comments Thread
   ----------------------------------------------------------------------------- */

.bond-bp-content #buddypress #activity-stream .activity-list.bp-list > li.bond-activity-entry.bond-activity-entry--standard.activity-item:not(.activity-popup) {
	&:has(> .bond-activity-comments--figma) {
		& .bond-activity-card__footer {
			border-bottom: 1px solid #f5f5f0;
		}
	}

	& .bond-activity-comments--figma {
		display: block;
		width: 100%;
		margin: 0;
		padding: 24.99px 20px;
		background: #ffffff;
		border: 0;
		border-radius: 0;

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

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

		& .bond-activity-comment {
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;

			& + .bond-activity-comment {
				margin-top: 24.99px;
			}
		}

		& .bond-activity-comment-shell,
		& .acomment-display {
			position: relative;
			width: 100%;
			margin: 0;
			padding-right: 34px;

			& .bb-activity-more-options-wrap {
				position: absolute;
				top: 0;
				right: 0;
				transform: translateY(0) !important;
				z-index: 2;
			}

			& .bb-activity-more-options-action {
				height: 34px;
				padding: 5px;

				& [class*="bb-icon-"] {
					color: #989482;
					font-size: 16px;
				}
			}
		}

		& .bond-activity-comment__main,
		& .acomment_inner {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			width: 100%;
		}

		& .bond-activity-comment__avatar,
		& .acomment-avatar {
			flex: 0 0 32px;
			width: 32px;
			max-width: 32px;

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

		& .bond-activity-comment__content-wrap,
		& .acomment-content_wrap {
			display: flex;
			flex: 1 1 auto;
			flex-direction: column;
			gap: 5px;
			min-width: 0;
		}

		& .bond-activity-comment__bubble,
		& .acomment-content_block {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
			background: transparent;
			border: 0;
			border-radius: 0;
		}

		& .bond-activity-comment__author,
		& .acomment-meta {
			display: inline-flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 0;
			margin: 0 0 5px;
			padding: 0;

			& a.author-name {
				color: #d50032;
				font-family: "DINNextRoundedLTProRegular", arial, sans-serif;
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 2px;
			}
		}

		& .bond-activity-comment__time,
		& .bond-activity-comment__time .time-since,
		& .acomment-meta .time-since {
			display: inline-flex;
			align-items: center;
			color: #989482;
			font-family: "DINNextRoundedLTProRegular", arial, sans-serif;
			font-size: 14px;
			font-weight: 400;
			line-height: 21px;
			text-decoration: none;
		}

		& .bond-activity-comment__time-separator {
			margin: 0 3px;
			color: #989482;
		}

		& .bond-activity-comment__text,
		& .bond-activity-comment__text p,
		& .acomment-content p {
			margin: 0;
			color: #545246;
			font-size: 17px;
			line-height: 25.5px;
		}
	}
}

@media (max-width: 640px) {
	.bond-bp-content #buddypress #activity-stream .activity-list.bp-list > li.bond-activity-entry.bond-activity-entry--standard.activity-item:not(.activity-popup) .bond-activity-comments--figma {
		& .bond-activity-comment-shell,
		& .acomment-display {
			padding-right: 26px;
		}

		& .bond-activity-comment__text,
		& .bond-activity-comment__text p,
		& .acomment-content p {
			font-size: 15px;
			line-height: 22px;
		}
	}
}