/* General Feed — WingManWp */

/* Up-sell card injected between feed posts.
   Colours (background gradient + text + button) now come from the
   per-rule admin settings and are applied inline via
   WMWP_BBMM_General_Feed::build_upsell_card_html(). Nothing is
   hardcoded here so an unstyled card is still visually clean. */
.wmwp-bbmm-upsell-card {
	list-style: none;
	margin: 8px 0;
}
.wmwp-bbmm-upsell-card__inner {
	border-radius: 10px;
	padding: 20px 24px;
	text-align: center;
	font-size: 15px;
	line-height: 1.6;
	/* Stack the prompt text and the CTA button as separate rows so the
	   button always sits on its own line beneath the text, no matter
	   whether the admin wrote plain text, <p>…</p>, or any other HTML.
	   The gap gives a consistent breathing space between the two. */
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.wmwp-bbmm-upsell-card__inner a {
	color: inherit;
	text-decoration: underline;
}
.wmwp-bbmm-upsell-card__btn {
	display: inline-block;
	padding: 9px 22px;
	border-radius: 8px;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
	transition: transform .12s ease, box-shadow .12s ease;
}
.wmwp-bbmm-upsell-card__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Brief highlight flash when landing on a post via a "#activity-<id>" link
   (e.g. the "View Feed" links in WingManWp Analytics) — see general-feed.js
   scrollToActivityHash(). */
.wmwp-bbmm-activity-highlight {
	animation: wmwp-bbmm-activity-flash 2s ease-out;
}
@keyframes wmwp-bbmm-activity-flash {
	0%   { box-shadow: 0 0 0 3px rgba(26, 110, 255, 0.6); }
	100% { box-shadow: 0 0 0 3px rgba(26, 110, 255, 0); }
}

/* Nickname field */
.wmwp-bbmm-nickname-field {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e0e0e0;
}