/* Match ReadyLaunch activity-meta anchors for custom <button> triggers */

.bp-generic-meta .generic-button .bbat-like-trigger,
.bp-generic-meta .generic-button .bbat-share-trigger,
.bp-generic-meta .generic-button .bbat-report-button {
	display: inline-flex;
	align-items: center;
	padding: 6px var(--bb-rl-space-200, 16px);
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
}

.bp-generic-meta .generic-button .bbat-like-trigger:hover,
.bp-generic-meta .generic-button .bbat-like-trigger:focus-visible,
.bp-generic-meta .generic-button .bbat-share-trigger:hover,
.bp-generic-meta .generic-button .bbat-share-trigger:focus-visible,
.bp-generic-meta .generic-button .bbat-report-button:hover,
.bp-generic-meta .generic-button .bbat-report-button:focus-visible {
	background-color: var(--bb-rl-background-secondary-color, #f6f6f6);
	border-radius: var(--bb-rl-radius-md, 8px);
	outline: none;
}

.bp-generic-meta .generic-button .bbat-like-trigger .like-count,
.bp-generic-meta .generic-button .bbat-share-trigger .share-count,
.bp-generic-meta .generic-button .bbat-report-button .report-label,
.bp-generic-meta .generic-button a.acomment-reply .comment-count {
	color: #0f1419;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
}

.bp-generic-meta .generic-button .bbat-like-trigger [class*="bb-icon"],
.bp-generic-meta .generic-button .bbat-share-trigger [class*="bb-icon"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.bp-generic-meta .generic-button .bbat-like-trigger [class*="bb-icon"]:before,
.bp-generic-meta .generic-button .bbat-share-trigger [class*="bb-icon"]:before,
.bp-generic-meta .generic-button a.acomment-reply:before {
	color: #0f1419;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	margin-right: var(--bb-rl-space-50, 4px);
	margin-left: 0;
	line-height: 1;
	width: 18px;
	height: 18px;
}

.bp-generic-meta .generic-button .bbat-like-trigger.has-reaction .bbat-user-reaction-emoji {
	margin-right: var(--bb-rl-space-50, 4px);
	width: 18px;
	height: 18px;
	font-size: 18px;
}

.bp-generic-meta .generic-button .bbat-like-trigger.has-reaction .like-count {
	color: var(--bb-rl-text-color, #0c0c0d);
}

/* Keep popups visible — avoid clipping at feed edges */
.bb-rl-activity-footer-actions,
.bb-rl-activity-footer-actions .bp-generic-meta,
.bp-generic-meta .generic-button.bbat-reactions-button-wrap,
.bp-generic-meta .generic-button.bbat-share-button-wrap,
.bbat-reactions-wrap,
.bbat-share-wrap {
	overflow: visible;
}

/* Mobile — Facebook-style action bar (equal columns, icon + label) */
@media screen and (max-width: 544px) {
	.bb-rl-activity-footer-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding-top: 0;
		border-top: 0;
	}

	.bb-rl-activity-footer-actions .activity-state {
		padding: 8px 12px 6px;
		font-size: 13px;
		line-height: 1.3;
		color: #65676b;
	}

	.bb-rl-activity-footer-actions .activity-state .bbat-vote-badges {
		margin-right: 6px;
	}

	.bb-rl-activity-footer-actions .bp-generic-meta.activity-meta,
	.bb-rl-activity-list .bp-generic-meta.activity-meta {
		display: flex;
		flex: 1 1 auto;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		gap: 0;
		border-top: 1px solid #e4e6eb;
		border-bottom: 1px solid #e4e6eb;
		background: var(--bb-rl-background-color, #fff);
	}

	.bb-rl-activity-list .activity-meta {
		border-top: 1px solid #e4e6eb;
		margin-top: 0;
		padding-top: 0;
	}

	.bb-rl-activity-footer-actions .bp-generic-meta .generic-button,
	.bb-rl-activity-list .bp-generic-meta .generic-button {
		flex: 1 1 0;
		min-width: 0;
		margin: 0;
		display: flex;
		justify-content: center;
		border-left: 1px solid #e4e6eb;
	}

	.bb-rl-activity-footer-actions .bp-generic-meta .generic-button:first-child,
	.bb-rl-activity-list .bp-generic-meta .generic-button:first-child {
		border-left: 0;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger,
	.bp-generic-meta .generic-button .bbat-share-trigger,
	.bp-generic-meta .generic-button .bbat-report-button,
	.bp-generic-meta .generic-button a.acomment-reply {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: 100%;
		min-height: 44px;
		padding: 10px 6px;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #65676b;
		font-size: 13px;
		font-weight: 600;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger:active,
	.bp-generic-meta .generic-button .bbat-share-trigger:active,
	.bp-generic-meta .generic-button .bbat-report-button:active,
	.bp-generic-meta .generic-button a.acomment-reply:active {
		background-color: #f0f2f5;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger .like-count,
	.bp-generic-meta .generic-button .bbat-share-trigger .share-count,
	.bp-generic-meta .generic-button .bbat-report-button .report-label,
	.bp-generic-meta .generic-button a.acomment-reply .comment-count {
		display: inline !important;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		color: #0f1419;
		max-width: 4.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger.has-reaction .like-count {
		color: #050505;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger [class*="bb-icon"]:before,
	.bp-generic-meta .generic-button .bbat-share-trigger [class*="bb-icon"]:before,
	.bp-generic-meta .generic-button a.acomment-reply:before {
		color: #0f1419;
		font-size: 18px;
		margin-right: 0 !important;
	}

	.bp-generic-meta .generic-button .bbat-like-trigger .bbat-user-reaction-emoji {
		font-size: 18px;
		width: 18px;
		height: 18px;
		margin-right: 0;
		flex-shrink: 0;
	}

	/* Reaction/share popups — center above tapped column */
	.bbat-reactions-popup,
	.bbat-share-popup {
		left: 50%;
		transform: translateX(-50%) translateY(8px) scale(0.94);
		transform-origin: bottom center;
	}

	.bbat-reactions-popup.is-open,
	.bbat-share-popup.is-open {
		transform: translateX(-50%) translateY(0) scale(1);
	}
}