/* -----------------------------------------------------------------------------
   Activity Footer Actions
   ----------------------------------------------------------------------------- */

.bond-bp-content {
	& #buddypress {
		& .screen-content #activity-stream .activity-list.bp-list > li.activity-item:not(.activity-popup) {
			& .activity-state {
				display: flex;
				align-items: center;
				gap: 0.875rem;
				margin: 0;
				padding: 13px 20px 12px;
				background: transparent;
				border-top: 1px solid #f5f5f0;
			}

			& .activity-state-popup,
			& .activity-state-popup_overlay,
			& .activity-state-popup_inner:empty {
				display: none;
			}

			& .activity-state-comments {
				display: inline-flex;
				align-items: center;
				gap: 0.375rem;
				margin: 0;
				padding: 0;
				color: var(--color-bond-black);
				font-size: 0.875rem;
				font-weight: 400;
				line-height: 1;
				text-decoration: none;

				&::before {
					content: "";
					display: inline-block;
					width: 24px;
					height: 24px;
					flex: 0 0 24px;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10.5H17M7 14H13M8 19H16C18.7614 19 21 16.7614 21 14V10C21 7.23858 18.7614 5 16 5H8C5.23858 5 3 7.23858 3 10V14C3 16.7614 5.23858 19 8 19Z' stroke='%2337322E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-position: center;
					background-size: 24px 24px;
				}
			}

			& .comments-count {
				display: inline-flex;
				align-items: center;
				color: inherit;
				font-size: inherit;
				line-height: inherit;
			}

			&.mini .activity-state {
				padding-top: 12px;
				padding-bottom: 11px;
			}

			& .bp-generic-meta.activity-meta.action {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				gap: 0;
				margin: 0;
				padding: 13px 20px 12px;
				background: transparent;
				border-top: 1px solid #f5f5f0;

				& .generic-button {
					margin: 0;
				}

				& .button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					gap: 2px;
					min-height: 39px;
					padding: 4px 8px;
					background: transparent;
					border: 0;
					border-radius: 6px;
					box-shadow: none;
					color: var(--color-bond-black);
					font-size: 0.875rem;
					font-weight: 400;
					line-height: 1;
					text-decoration: none;

					& span {
						color: inherit;
						font-size: inherit;
						line-height: inherit;
					}

					&:hover,
					&:focus {
						color: var(--color-bond-black);
						text-decoration: none;
					}

					&:focus-visible {
						outline: 2px solid var(--color-border);
						outline-offset: 2px;
					}

					& .bb-icon-thumbs-up,
					& .bb-icon-comment,
					& .bb-icon-chat,
					& .bb-icon-comment-activity {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 32px;
						height: 32px;
						color: var(--color-bond-black);
						font-size: 24px;
					}
				}

				& .generic-button + .generic-button {
					margin-left: 1px;
				}
			}
		}
	}
}