/* ==========================================================================
   Digital Soulspace: night-sky skin for the BuddyBoss Theme.
   The colours themselves live in the theme options (set_palette.php); this
   file adds what options can't: the sky, glass panels, lettering and glow.
   Source of truth: C:\Users\mikem\dss-migration\wordpress\theme\ on Mike's PC.
   ========================================================================== */

:root {
	--dss-night: #0b0920;
	--dss-gold: #f0cf7e;
	--dss-gold-hi: #ffe3a3;
	--dss-orchid: #c08cff;
	--dss-rose: #ff9ad5;
	--dss-teal: #66e3d6;
	--dss-violet: #6b4bd6;
	--dss-glow: 0 18px 50px -20px rgba(192, 140, 255, .55);
	--dss-display: "Cinzel", "Times New Roman", serif;
}

/* ---------- the sky behind everything ---------- */
html {
	background:
		radial-gradient(60% 45% at 15% 10%, rgba(107, 75, 214, .30), transparent 70%),
		radial-gradient(50% 40% at 90% 15%, rgba(255, 154, 213, .13), transparent 70%),
		radial-gradient(60% 50% at 60% 100%, rgba(102, 227, 214, .10), transparent 70%),
		var(--dss-night) fixed;
	min-height: 100%;
}
body.buddyboss-theme,
body.buddyboss-theme #page,
body.buddyboss-theme .site,
body.buddyboss-theme .site-content,
body.buddyboss-theme #content,
body.buddyboss-theme .bb-grid,
body.login {
	background-color: transparent !important;
}
#dss-sky {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}

/* Glass panels: the stars glow faintly through every card. */
body.buddyboss-theme {
	--bb-content-background-color: rgba(21, 17, 47, .86);
	--bb-content-alternate-background-color: rgba(29, 24, 64, .88);
	--bb-header-background: rgba(14, 11, 38, .78);
	--bb-sidenav-background: rgba(14, 11, 38, .72);
	--bb-footer-background: transparent;
	--bb-footer-widget-background: transparent;
}

/* Text colours, site-wide (Mike, 2026-10-09: "that colour shows up again that's barely readable… it keeps creeping up").
   The theme writes its stock LIGHT palette into every page (headings #1E2132, text #5A5A5A) whatever the theme options
   say, so any BuddyBoss screen we hadn't patched one by one (space Manage → Settings legends and labels, this time)
   came out dark-on-dark. Setting the variables here, after the theme's own, fixes every screen that uses them at once. */
body.buddyboss-theme,
body.login {
	--bb-headings-color: #f6f1ff;
	--bb-headings-color-rgb: 246, 241, 255;   /* the theme also reads these number copies (names in the feed, tabs) */
	--bb-body-text-color: #e6e0fa;
	--bb-body-text-color-rgb: 230, 224, 250;
	--bb-alternate-text-color: #b5acdb;
	--bb-alternate-text-color-rgb: 181, 172, 219;
	--bb-content-border-color: #2e2760;
	--bb-content-border-color-rgb: 46, 39, 96;
	--bb-secondary-button-text-regular: #ece6ff;
	--bb-secondary-button-text-hover: #ffffff;
	--bb-sidenav-text-regular: #e6e0fa;
	--bb-sidenav-text-hover: #ffffff;
	--bb-sidenav-count-text-color-regular: #e6e0fa;
	--bb-footer-text-color: #b5acdb;
	--bb-footer-menu-link-color-regular: #b5acdb;
	--bb-footer-menu-link-color-active: #ffffff;
	--bb-admin-screen-txt-color: #ece6ff;
	--bb-login-register-link-color-regular: #e6e0fa;
	--bb-label-background-color: #2a2160;
	--bb-label-text-color: var(--dss-gold);
}

/* ---------- lettering ---------- */
.site-title,
.site-title a,
.entry-title,
.bb-title,
h1, h2,
.bp-feedback-heading,
#item-header-content .bb-user-content-wrap h2,
.groups-header .group-title,
.item-title h2 {
	font-family: var(--dss-display) !important;
	letter-spacing: .03em;
	font-weight: 400 !important;
}
h1.entry-title,
.bb-title,
.site-title a {
	background: linear-gradient(100deg, #fff 0%, var(--dss-gold) 30%, var(--dss-rose) 55%, var(--dss-orchid) 75%, #fff 100%);
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	animation: dss-shimmer 12s ease-in-out infinite;
}
@keyframes dss-shimmer {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 100% 0; }
}
.site-title a { font-size: 1.15rem; letter-spacing: .18em; text-transform: uppercase; }
/* Desktop header: the full transparent logo (tree + digitalsoulspace.org + tagline, same file as the landing page)
   in place of the lettered "Digital Soulspace" (Mike, 2026-10-09). The link keeps its words for screen readers
   (aria-label + hidden text) and tonight's moon still sits beside it. Phones keep their own header. */
@media (min-width: 800px) {
	body.buddyboss-theme #site-logo .site-title { display: flex; align-items: center; }
	body.buddyboss-theme #site-logo .site-title a {
		display: block;
		width: 256px;
		height: 56px;
		font-size: 0 !important;
		letter-spacing: 0;
		background: url(/wp-content/dss-app/dss-logo.png?v=1) no-repeat left center / contain !important;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		animation: none;
		color: transparent !important;
		-webkit-text-fill-color: transparent;
	}
}

a { transition: color .25s ease; }
::selection { background: rgba(240, 207, 126, .35); color: #fff; }

/* ---------- header ---------- */
body.buddyboss-theme .site-header {
	backdrop-filter: blur(14px) saturate(140%);
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	box-shadow: none !important;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(90deg, transparent, rgba(240, 207, 126, .45), rgba(192, 140, 255, .35), transparent) 1;
}
/* Phones (Mike, 2026-10-08: the menu opened as a half-inch strip). A blur on the header turns it into the
   "screen" for everything fixed inside it, and the phone menu panel lives inside the header, so its
   full-screen height became the header's height. Below 800px (where the phone menu is used) the header
   gets a near-solid night background instead of the blur, and the menu panel is solid. */
@media (max-width: 799px) {
	body.buddyboss-theme .site-header {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background-color: rgba(14, 11, 38, .96) !important;
	}
	body.buddyboss-theme .bb-mobile-panel-wrapper,
	body.buddyboss-theme .bb-mobile-panel-wrapper.light,
	body.buddyboss-theme .bb-mobile-panel-inner {
		background-color: #0e0b26 !important;
	}
	body.buddyboss-theme .bb-mobile-panel-wrapper {
		height: 100vh;
		height: 100dvh;
	}
}
.dss-moon {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-right: 14px;
	vertical-align: middle;
	cursor: default;
}
.dss-moon svg {
	width: 26px;
	height: 26px;
	filter: drop-shadow(0 0 8px rgba(240, 207, 126, .55));
	animation: dss-breathe 7s ease-in-out infinite;
}
@keyframes dss-breathe { 50% { filter: drop-shadow(0 0 14px rgba(240, 207, 126, .9)); } }

/* ---------- menus and names: always moonlight (Mike, 2026-10-08: they were dark) ---------- */
body.buddyboss-theme .primary-menu > li > a,
body.buddyboss-theme #primary-menu a,
body.buddyboss-theme .site-header .main-navigation a,
body.buddyboss-theme .buddypanel .side-panel-menu a,
body.buddyboss-theme .buddypanel .side-panel-menu a .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu a i,
body.buddyboss-theme .bb-mobile-panel-inner a,
body.buddyboss-theme .bp-navs li a,
body.buddyboss-theme .bp-navs li a span,
body.buddyboss-theme .sub-menu a,
body.buddyboss-theme .bb-sub-menu a,
body.buddyboss-theme .item-title a,
body.buddyboss-theme .item-title,
body.buddyboss-theme .list-title a,
body.buddyboss-theme .groups-title a,
body.buddyboss-theme .bs-group-name,
body.buddyboss-theme .activity-header a,
body.buddyboss-theme .activity-header,
body.buddyboss-theme .acomment-meta a,
body.buddyboss-theme .widget-title,
body.buddyboss-theme .widget a,
body.buddyboss-theme .group-name a,
body.buddyboss-theme #item-header-content h2,
body.buddyboss-theme .entry-title a {
	color: #f4f0ff !important;
	-webkit-text-fill-color: #f4f0ff;
}
body.buddyboss-theme .primary-menu > li > a:hover,
body.buddyboss-theme .buddypanel .side-panel-menu a:hover .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu a:hover i,
body.buddyboss-theme .bp-navs li a:hover,
body.buddyboss-theme .bp-navs li.selected a,
body.buddyboss-theme .bp-navs li.current a,
body.buddyboss-theme .item-title a:hover,
body.buddyboss-theme .activity-header a:hover,
body.buddyboss-theme .widget a:hover {
	color: var(--dss-gold) !important;
	-webkit-text-fill-color: var(--dss-gold);
}
/* Header icons and the signed-in name (Mike's screenshot, 2026-10-08: search, inbox, bell, name were dark) */
body.buddyboss-theme .site-header .header-aside a,
body.buddyboss-theme .site-header .header-aside i,
body.buddyboss-theme .site-header .header-aside [class*="bb-icon"],
body.buddyboss-theme .site-header .header-search-link,
body.buddyboss-theme .site-header .notification-link,
body.buddyboss-theme .site-header .user-link,
body.buddyboss-theme .site-header .user-name,
body.buddyboss-theme .site-header .user-wrap .user-name,
body.buddyboss-theme .site-header .bb-header-buttons a {
	color: #ece6ff !important;
	opacity: 1 !important;
}
body.buddyboss-theme .site-header .header-aside a:hover,
body.buddyboss-theme .site-header .header-aside a:hover i { color: var(--dss-gold) !important; }
/* Menu (hamburger) buttons, phone header + desktop panel toggle (Mike, 2026-10-08: it was near-invisible dark) */
body.buddyboss-theme .bb-left-panel-mobile,
body.buddyboss-theme .bb-left-panel-mobile i,
body.buddyboss-theme .bb-mobile-header .bb-icon-bars,
body.buddyboss-theme .bb-toggle-panel,
body.buddyboss-theme .bb-toggle-panel i {
	color: #ece6ff !important;
	opacity: 1 !important;
}
body.buddyboss-theme .bb-left-panel-mobile:hover i,
body.buddyboss-theme .bb-toggle-panel:hover i { color: var(--dss-gold) !important; }
.dss-moon { margin-left: 12px; }

/* Sidebar widget titles ("Archives", "Categories") */
body.buddyboss-theme .widget .widget-title,
body.buddyboss-theme .widget h2,
body.buddyboss-theme .widget h3,
body.buddyboss-theme .widget .wp-block-heading,
body.buddyboss-theme .widget-area .wp-block-heading {
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8;
	font-weight: 600 !important;
	opacity: 1 !important;
}

/* Active header tab: gold underline, not the stock blue */
body.buddyboss-theme .site-header .primary-menu > .current-menu-item > a,
body.buddyboss-theme .site-header .primary-menu > li.selected > a { color: var(--dss-gold) !important; }
body.buddyboss-theme .site-header .primary-menu > .current-menu-item > a:after,
body.buddyboss-theme .site-header .primary-menu > .current-menu-item > a:before,
body.buddyboss-theme .site-header .primary-menu > li > a:after {
	background-color: var(--dss-gold) !important;
	border-color: var(--dss-gold) !important;
}

/* Like / Comment under each post: quiet moonlit buttons, not big colour blocks.
   The #buddypress lines (2026-10-11, Mike's iPhone screenshot showed solid violet Love/Comment blocks): dss-dark.css
   turns BuddyBoss's blue `#buddypress a.button` into violet with !important, and its #id outranked these rules.
   The .activity-list .bp-generic-meta.action lines: on a space's own page the row is `groups-meta`, not
   `activity-meta`, so the buttons there stayed violet (found the same evening). */
body.buddyboss-theme #buddypress .activity-list .bp-generic-meta.action .generic-button a,
body.buddyboss-theme #buddypress .activity-meta.action .generic-button a,
body.buddyboss-theme #buddypress .activity-meta .button,
body.buddyboss-theme .activity-meta.action .generic-button a,
body.buddyboss-theme .activity-meta.action .generic-button button,
body.buddyboss-theme .activity-meta .button,
body.buddyboss-theme .activity-meta a.bp-primary-action,
body.buddyboss-theme .activity-meta a.bp-secondary-action {
	background: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	color: #ece6ff !important;
	box-shadow: none !important;
}
body.buddyboss-theme #buddypress .activity-list .bp-generic-meta.action .generic-button a:hover,
body.buddyboss-theme #buddypress .activity-meta.action .generic-button a:hover,
body.buddyboss-theme #buddypress .activity-meta .button:hover,
body.buddyboss-theme .activity-meta.action .generic-button a:hover,
body.buddyboss-theme .activity-meta .button:hover,
body.buddyboss-theme .activity-meta a.bp-primary-action:hover {
	background: rgba(240, 207, 126, .12) !important;
	color: var(--dss-gold) !important;
}
body.buddyboss-theme .activity-meta .button i,
body.buddyboss-theme .activity-meta .button span { color: inherit !important; }
/* a liked post shows its Like in gold (the .generic-button a.* lines: the moonlight rule above is more specific
   than a bare .button.unfav, so the gold never showed until 2026-10-11) */
body.buddyboss-theme #buddypress .activity-list .bp-generic-meta.action .generic-button a.unfav,
body.buddyboss-theme #buddypress .activity-list .bp-generic-meta.action .generic-button a.has-reaction,
body.buddyboss-theme #buddypress .activity-meta.action .generic-button a.unfav,
body.buddyboss-theme #buddypress .activity-meta.action .generic-button a.has-reaction,
body.buddyboss-theme .activity-meta.action .generic-button a.unfav,
body.buddyboss-theme .activity-meta.action .generic-button a.has-reaction,
body.buddyboss-theme #buddypress .activity-meta .button.unfav,
body.buddyboss-theme #buddypress .activity-meta .button.has-reaction,
body.buddyboss-theme .activity-meta .button.unfav,
body.buddyboss-theme .activity-meta .button.has-reaction,
body.buddyboss-theme .activity-meta .bp-like-button.liked,
body.buddyboss-theme .activity-meta .button.fav.selected { color: var(--dss-gold) !important; }

/* Side-panel icons: no white circles behind them (Mike, 2026-10-08) */
body.buddyboss-theme .buddypanel .side-panel-menu li:not(.current-menu-item) > a,
body.buddyboss-theme .buddypanel .side-panel-menu a > i,
body.buddyboss-theme .buddypanel .side-panel-menu a > img._mi,
body.buddyboss-theme .buddypanel .side-panel-menu a ._mi,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a > i {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}
body.buddyboss-theme .buddypanel .side-panel-menu li:not(.current-menu-item) > a:hover {
	background-color: rgba(240, 207, 126, .12) !important;
}
body.buddyboss-theme .buddypanel .side-panel-menu li:not(.current-menu-item) > a > i,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a > i {
	color: #f4f0ff !important;
}
body.buddyboss-theme .buddypanel .side-panel-menu .current-menu-item > a {
	background-color: var(--dss-gold) !important;
}
/* the gold "current page" pill keeps dark ink so it stays readable */
body.buddyboss-theme .buddypanel .side-panel-menu .current-menu-item > a .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu .current-menu-item > a > i,
body.buddyboss-theme .buddypanel .side-panel-menu .current-menu-item > a i {
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33;
}

/* "Create a post" window (Mike's screenshot, 2026-10-08: heading, name, audience, prompt, icons were dark) */
body.buddyboss-theme #whats-new-form .activity-header,
body.buddyboss-theme #whats-new-form .activity-header h3,
body.buddyboss-theme #whats-new-form .activity-header-data,
body.buddyboss-theme #whats-new-form .activity-header-data *,
body.buddyboss-theme #whats-new-form .activity-post-user-name,
body.buddyboss-theme #whats-new-form .activity-post-user-name .user-name,
body.buddyboss-theme #whats-new-form .bp-activity-privacy-status,
body.buddyboss-theme #whats-new-form #bp-activity-privacy-point,
body.buddyboss-theme #whats-new-form #bp-activity-privacy-point i,
body.buddyboss-theme #whats-new-form .bb-model-close-button,
body.buddyboss-theme #whats-new-form .bb-model-close-button i,
body.buddyboss-theme #whats-new-form .post-elements-buttons-item,
body.buddyboss-theme #whats-new-form .post-elements-buttons-item i,
body.buddyboss-theme #whats-new-form .toolbar-button,
body.buddyboss-theme #whats-new-form .toolbar-button i,
body.buddyboss-theme #whats-new-form #whats-new,
body.buddyboss-theme #whats-new-form #whats-new-title,
body.buddyboss-theme .activity-update-form #whats-new {
	color: #f4f0ff !important;
	-webkit-text-fill-color: #f4f0ff;
	opacity: 1 !important;
}
body.buddyboss-theme #whats-new-form #bp-activity-privacy-point {
	border-color: rgba(240, 207, 126, .55) !important;
	background: rgba(240, 207, 126, .08) !important;
}
/* "Share what's on your mind" and "Title" prompts: soft but readable */
body.buddyboss-theme #whats-new-form [data-placeholder]::before,
body.buddyboss-theme #whats-new-form [data-placeholder]::after,
body.buddyboss-theme #whats-new-form .medium-editor-placeholder::after,
body.buddyboss-theme #whats-new-form .medium-editor-placeholder-relative::after,
body.buddyboss-theme .activity-update-form .medium-editor-placeholder::after {
	color: #c3bae6 !important;
	-webkit-text-fill-color: #c3bae6;
	opacity: 1 !important;
}
body.buddyboss-theme #whats-new-form input::placeholder,
body.buddyboss-theme #whats-new-form textarea::placeholder { color: #c3bae6 !important; opacity: 1 !important; }
/* the expand / minimise icon at the top right: gold, not stock blue */
body.buddyboss-theme #whats-new-form .bb-modal-header-actions,
body.buddyboss-theme #whats-new-form .bb-modal-header-actions a,
body.buddyboss-theme #whats-new-form .bb-modal-header-actions i,
body.buddyboss-theme #whats-new-form .bb-modal-header-actions span {
	color: var(--dss-gold) !important;
	-webkit-text-fill-color: var(--dss-gold);
}
body.buddyboss-theme #whats-new-form .bb-modal-header-actions svg,
body.buddyboss-theme #whats-new-form .bb-modal-header-actions svg * { fill: var(--dss-gold) !important; stroke: var(--dss-gold) !important; }
body.buddyboss-theme #whats-new-form .post-elements-buttons-item:hover i,
body.buddyboss-theme #whats-new-form .bb-model-close-button:hover i { color: var(--dss-gold) !important; -webkit-text-fill-color: var(--dss-gold); }

/* Post box audience menu: profile-only choices hidden; posts go to The Gathering Place or another
   space (dss-core.php reroutes on the server too). */
.bp-activity-privacy__label-loggedin,
.bp-activity-privacy__label-friends,
.bp-activity-privacy__label-onlyme { display: none !important; }

/* ---------- side panel (BuddyPanel) ---------- */
.buddypanel {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-right: 1px solid rgba(240, 207, 126, .12) !important;
}
.buddypanel .side-panel-menu a { border-radius: 999px !important; }
.buddypanel .current-menu-item > a {
	box-shadow: 0 0 22px rgba(240, 207, 126, .35);
}

/* ---------- cards ---------- */
.activity-list > li.activity-item,
.bb-activity-list > li,
#buddypress .activity-list > li,
.item-list > li .list-wrap,
.bp-list.grid > li .list-wrap,
.widget,
.bb-card,
.bp-widget-wrap,
#whats-new-form,
.activity-update-form,
.bb-media-container,
.bp-messages-wrap,
.entry-content-wrap,
.bb-grid .bp-widget {
	border-radius: 18px !important;
	transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease, border-color .45s ease;
}
.activity-list > li.activity-item:hover,
.item-list > li .list-wrap:hover,
.bp-list.grid > li .list-wrap:hover {
	border-color: rgba(240, 207, 126, .45) !important;
	box-shadow: var(--dss-glow);
}
.bp-list.grid > li .list-wrap:hover { transform: translateY(-4px); }

/* Feed cards (Mike's screenshot, 2026-10-08): the list behind the cards drew its own square dark
   box and bottom line, so each card's bottom edge looked a different colour from its sides.
   The list itself is now invisible, and every card has the same border on all four sides. */
body.buddyboss-theme .activity-list.bp-list,
body.buddyboss-theme #buddypress .activity-list.item-list.bp-list,
body.buddyboss-theme #buddypress .activity-lists.item-list.bp-list {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.buddyboss-theme .activity-list.bp-list > li.activity-item,
body.buddyboss-theme #buddypress .activity-list.bp-list > li.activity-item {
	border: 1px solid rgba(236, 230, 255, .35) !important;
	box-shadow: none;
}
body.buddyboss-theme .activity-list.bp-list > li.activity-item:hover {
	border-color: rgba(240, 207, 126, .45) !important;
	box-shadow: var(--dss-glow);
}
/* Pictures, videos and GIFs in the feed sit in the middle of the card (Mike, 2026-10-09): BuddyBoss lays
   them out in a left-aligned flex row, so a single photo or meme hugged the left edge. Multi-photo grids
   already fill the width, so this only moves the ones that don't. Comments keep BuddyBoss's layout. */
body.buddyboss-theme .activity-list .activity-inner .bb-activity-media-wrap,
body.buddyboss-theme .activity-list .activity-inner .bb-activity-video-wrap {
	justify-content: center;
}
body.buddyboss-theme .activity-list .activity-inner .activity-attached-gif-container {
	margin-left: auto;
	margin-right: auto;
}
/* Like / Comment buttons: a gap between them instead of touching. */
body.buddyboss-theme .activity-list .activity-item .bp-generic-meta.action {
	display: flex !important;
	gap: 10px;
}
body.buddyboss-theme .activity-list .activity-item .bp-generic-meta.action > .generic-button {
	flex: 1 1 0;
	margin: 0 !important;
}

/* Avatars wear a soft gold halo. */
img.avatar {
	box-shadow: 0 0 0 2px rgba(240, 207, 126, .35), 0 0 16px rgba(192, 140, 255, .25);
	transition: box-shadow .4s ease;
}
a:hover img.avatar,
img.avatar:hover {
	box-shadow: 0 0 0 2px rgba(240, 207, 126, .85), 0 0 24px rgba(240, 207, 126, .45);
}

/* ---------- buttons ---------- */
.button.primary,
#aw-whats-new-submit,
input[type="submit"].button-primary,
.bb-primary-button,
.button.bb-primary-button,
#wp-submit,
.login .button-primary {
	background-image: linear-gradient(120deg, var(--dss-gold), #fff3cf 45%, #d9a94e) !important;
	background-size: 200% 100% !important;
	color: #120c33 !important;
	border-color: var(--dss-gold) !important;
	transition: background-position .6s ease, box-shadow .4s ease, transform .3s ease !important;
}
.button.primary:hover,
#aw-whats-new-submit:hover,
.bb-primary-button:hover,
#wp-submit:hover,
.login .button-primary:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 0 26px rgba(240, 207, 126, .45) !important;
}

/* ---------- forms ---------- */
body.buddyboss-theme input[type="text"],
body.buddyboss-theme input[type="email"],
body.buddyboss-theme input[type="search"],
body.buddyboss-theme input[type="password"],
body.buddyboss-theme input[type="url"],
body.buddyboss-theme input[type="number"],
body.buddyboss-theme textarea,
body.buddyboss-theme select,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	background-color: rgba(255, 255, 255, .045) !important;
	color: #ece6ff !important;
	border-color: rgba(240, 207, 126, .22) !important;
}
body.buddyboss-theme input:focus,
body.buddyboss-theme textarea:focus,
body.buddyboss-theme select:focus {
	border-color: var(--dss-gold) !important;
	box-shadow: 0 0 0 3px rgba(240, 207, 126, .18) !important;
}
/* The opened list of a dropdown is drawn by the browser, which ignores the see-through
   background above and would put this light text on white (profile dropdowns, 2026-10-11). */
body.buddyboss-theme select option { background: #1a1440; color: #f4f0ff; }
::placeholder { color: rgba(211, 202, 240, .55) !important; }

/* ---------- imported Mighty posts ----------
   Some posts carry inline colours chosen for Mighty's white background
   (black text, white boxes). On the night sky they would vanish. */
.activity-inner [style*="color"],
.bb-activity-inner [style*="color"],
.activity-comments [style*="color"] {
	color: inherit !important;
}
.activity-inner [style*="background"],
.bb-activity-inner [style*="background"] {
	background: transparent !important;
}
.activity-inner a,
.activity-comments .acomment-content a { color: var(--dss-gold); }

/* Post and comment text: bright moonlight, easy to read on the night sky (Mike, 2026-10-08). */
body.buddyboss-theme .activity-inner,
body.buddyboss-theme .activity-inner p,
body.buddyboss-theme .activity-inner li,
body.buddyboss-theme .activity-inner span,
body.buddyboss-theme .activity-inner div,
body.buddyboss-theme .bb-activity-inner,
body.buddyboss-theme .activity-content .activity-inner,
body.buddyboss-theme .acomment-content,
body.buddyboss-theme .acomment-content p,
body.buddyboss-theme .activity-read-more,
body.buddyboss-theme .bp-activity-post-title,
body.buddyboss-theme .activity-post-title,
body.buddyboss-theme .bb-activity-post-title,
body.buddyboss-theme .entry-content,
body.buddyboss-theme .entry-content p,
body.buddyboss-theme .bp-messages-content .message-content,
body.buddyboss-theme .bp-messages-content .message-content p {
	color: #f4f0ff !important;
	opacity: 1 !important;
}

/* Post titles and headings inside posts: light candle-yellow, heavier Cinzel, soft glow.
   Cinzel at weight 400 read as faint at title size (Mike, 2026-10-08). */
body.buddyboss-theme .activity-title h2,
body.buddyboss-theme .activity-inner h1,
body.buddyboss-theme .activity-inner h2,
body.buddyboss-theme .activity-inner h3,
body.buddyboss-theme .activity-inner h4,
body.buddyboss-theme .activity-inner h5,
body.buddyboss-theme .activity-inner h6,
body.buddyboss-theme .activity-discussion-title-wrap a,
body.buddyboss-theme .activity-link-preview-title,
body.buddyboss-theme .activity-link-preview-title a {
	color: #ffeaa8 !important;
	font-weight: 600 !important;
	opacity: 1 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	text-shadow: 0 0 18px rgba(255, 220, 140, .25);
}

/* ---------- Abundance Newsletter (WordPress posts, Mike 2026-10-08) ----------
   An issue reads like a newsletter: a centred column, moonlight text, candle-gold headings (Mighty's own
   coloured text is kept, made readable by move_newsletters.php), rounded pictures, gold dividers and quotes.
   Articles carry the class category-abundance-newsletter; the list of issues is body.category-abundance-newsletter. */
article.category-abundance-newsletter .entry-content {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.08rem;
	line-height: 1.8;
	color: #ece6ff !important;
}
article.category-abundance-newsletter .entry-content p { color: #ece6ff !important; }
article.category-abundance-newsletter .entry-title {
	font-family: var(--dss-display) !important;
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	text-align: center;
	letter-spacing: .04em;
	text-shadow: 0 0 22px rgba(255, 220, 140, .3);
}
article.category-abundance-newsletter .entry-content h2,
article.category-abundance-newsletter .entry-content h3,
article.category-abundance-newsletter .entry-content h4 {
	font-family: var(--dss-display) !important;
	color: #ffeaa8;
	line-height: 1.3;
	margin: 1.8em 0 .6em;
	text-shadow: 0 0 18px rgba(255, 220, 140, .2);
}
article.category-abundance-newsletter .entry-content h2 { font-size: 1.7rem; }
article.category-abundance-newsletter .entry-content h3 { font-size: 1.3rem; }
article.category-abundance-newsletter .entry-content mark.has-inline-color { background: none !important; }
article.category-abundance-newsletter .entry-content a:not(.button) {
	color: var(--dss-gold) !important;
	text-decoration: underline;
	text-decoration-color: rgba(240, 207, 126, .45);
	text-underline-offset: 3px;
}
article.category-abundance-newsletter .wp-block-image { margin: 1.6em auto; }
article.category-abundance-newsletter .wp-block-image img {
	border-radius: 16px;
	box-shadow: 0 18px 50px -24px rgba(192, 140, 255, .6);
	height: auto;
	max-width: 100%;
}
article.category-abundance-newsletter .wp-block-image.aligncenter { text-align: center; }
article.category-abundance-newsletter .wp-block-image.aligncenter img { margin: 0 auto; }
@media (min-width: 700px) {
	article.category-abundance-newsletter .wp-block-image.alignleft { float: left; max-width: 45%; margin: .4em 1.6em 1em 0; }
	article.category-abundance-newsletter .wp-block-image.alignright { float: right; max-width: 45%; margin: .4em 0 1em 1.6em; }
}
@media (max-width: 699px) {
	article.category-abundance-newsletter .wp-block-image.alignleft,
	article.category-abundance-newsletter .wp-block-image.alignright { float: none; margin: 1.4em auto; text-align: center; }
}
article.category-abundance-newsletter .wp-block-separator {
	clear: both;
	border: 0 !important;
	height: 1px;
	max-width: 420px;
	margin: 2.6em auto !important;
	background: linear-gradient(90deg, transparent, rgba(240, 207, 126, .6), rgba(192, 140, 255, .45), transparent) !important;
	opacity: 1;
}
article.category-abundance-newsletter .wp-block-quote {
	clear: both;
	border-left: 3px solid rgba(240, 207, 126, .6) !important;
	background: rgba(29, 24, 64, .6);
	border-radius: 0 16px 16px 0;
	padding: 1.1em 1.4em;
	margin: 1.8em 0;
	font-style: normal;
}
article.category-abundance-newsletter .dss-embed { margin: 1.6em 0; }
article.category-abundance-newsletter .dss-embed iframe { display: block; width: 100%; border-radius: 12px; }
article.category-abundance-newsletter .post-thumbnail img,
article.category-abundance-newsletter .entry-media img,
article.category-abundance-newsletter .ratio-wrap img { border-radius: 18px; }
.dss-nl-talk {
	clear: both;
	text-align: center;
	margin: 3em auto 1em;
	padding: 1.6em 1.2em;
	max-width: 620px;
	border: 1px solid rgba(240, 207, 126, .3);
	border-radius: 20px;
	background: radial-gradient(120% 120% at 50% 0%, rgba(107, 75, 214, .25), rgba(14, 11, 38, .4));
}
.dss-nl-talk p { margin: 0 0 .9em !important; color: #b5acdb !important; font-style: italic; }
.dss-nl-talk .button,
body.buddyboss-theme .dss-nl-talk a.button {
	white-space: normal;
	background: var(--dss-gold) !important;
	border-color: var(--dss-gold) !important;
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	border-radius: 999px !important;
	font-weight: 600;
}
.dss-nl-talk .button:hover { box-shadow: 0 0 22px rgba(240, 207, 126, .5) !important; }
.dss-nl-talk .dss-nl-close { display: none !important; } /* the home-screen app shows it instead (preview.css) */

/* ---------- Blog entries in the timeline (Mike, 2026-10-13) ----------
   dss-newsletter.php draws every blog post's space card as the entry itself: cover, category, title, the post.
   The body is cut after about a page with a soft fade and "✨ Keep reading" (opens in place; .is-open), and
   entries short enough to fit get .is-short (no fade, no button). Reads like the issue pages above. */
.dss-blog { margin: .2em 0 .4em; }
.dss-blog-cover { display: block; margin: 0 0 1.1em; }
.dss-blog-cover img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 440px;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: 0 18px 50px -24px rgba(192, 140, 255, .6);
}
body.buddyboss-theme .dss-blog .dss-blog-kicker {
	font-family: var(--dss-display) !important;
	font-size: .76rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #c9b8ff !important;
	margin: 0 0 .35em;
}
body.buddyboss-theme .activity-inner .dss-blog h2.dss-blog-title {
	font-family: var(--dss-display) !important;
	font-size: 1.5rem;
	line-height: 1.25;
	letter-spacing: .02em;
	margin: 0 0 .9em;
}
body.buddyboss-theme .dss-blog h2.dss-blog-title a { color: #ffeaa8 !important; -webkit-text-fill-color: #ffeaa8 !important; text-decoration: none !important; }
.dss-blog-body {
	max-height: max(340px, 62vh);
	overflow: hidden;
	font-size: 1.04rem;
	line-height: 1.75;
}
.dss-blog:not(.is-open):not(.is-short) .dss-blog-body {
	-webkit-mask-image: linear-gradient(to bottom, #000 68%, transparent);
	mask-image: linear-gradient(to bottom, #000 68%, transparent);
}
.dss-blog.is-open .dss-blog-body,
.dss-blog.is-short .dss-blog-body { max-height: none; overflow: visible; }
.dss-blog.is-short .dss-blog-more { display: none; }
.dss-blog-body::after { content: ""; display: block; clear: both; }
body.buddyboss-theme .activity-inner .dss-blog-body > :first-child { margin-top: 0 !important; }
body.buddyboss-theme .activity-inner .dss-blog-body h2,
body.buddyboss-theme .activity-inner .dss-blog-body h3,
body.buddyboss-theme .activity-inner .dss-blog-body h4 { font-family: var(--dss-display) !important; line-height: 1.3; margin: 1.6em 0 .55em; }
body.buddyboss-theme .activity-inner .dss-blog-body h2 { font-size: 1.3rem; }
body.buddyboss-theme .activity-inner .dss-blog-body h3 { font-size: 1.12rem; }
body.buddyboss-theme .activity-inner .dss-blog-body h4 { font-size: 1rem; }
.dss-blog-body mark.has-inline-color { background: none !important; }
body.buddyboss-theme .dss-blog-body a:not(.button):not(.wp-block-button__link) {
	color: var(--dss-gold) !important;
	text-decoration: underline;
	text-decoration-color: rgba(240, 207, 126, .45);
	text-underline-offset: 3px;
}
.dss-blog-body .wp-block-image { margin: 1.4em auto; }
.dss-blog-body img { border-radius: 14px; height: auto; max-width: 100%; }
.dss-blog-body .wp-block-image.aligncenter { text-align: center; }
.dss-blog-body .wp-block-image.aligncenter img { margin: 0 auto; }
@media (min-width: 700px) {
	.dss-blog-body .wp-block-image.alignleft { float: left; max-width: 45%; margin: .4em 1.4em 1em 0; }
	.dss-blog-body .wp-block-image.alignright { float: right; max-width: 45%; margin: .4em 0 1em 1.4em; }
}
@media (max-width: 699px) {
	.dss-blog-body .wp-block-image.alignleft,
	.dss-blog-body .wp-block-image.alignright { float: none; margin: 1.3em auto; text-align: center; }
}
.dss-blog-body .wp-block-separator {
	clear: both;
	border: 0 !important;
	height: 1px;
	max-width: 360px;
	margin: 2.2em auto !important;
	background: linear-gradient(90deg, transparent, rgba(240, 207, 126, .6), rgba(192, 140, 255, .45), transparent) !important;
	opacity: 1;
}
.dss-blog-body .wp-block-quote {
	clear: both;
	border-left: 3px solid rgba(240, 207, 126, .6) !important;
	background: rgba(29, 24, 64, .6);
	border-radius: 0 14px 14px 0;
	padding: 1em 1.2em;
	margin: 1.6em 0;
	font-style: normal;
}
.dss-blog-body iframe { display: block; width: 100%; max-width: 100%; border: 0; border-radius: 12px; }
.dss-blog-body .wp-block-embed { margin: 1.4em 0; }
.dss-blog-body .dss-embed { margin: 1.4em 0; }
/* A YouTube video waits as its picture with a gold play button until tapped (dss-newsletter.php, 2026-10-14: ten
   trailers loading at once helped run the iPhone app out of memory). WordPress's 16:9 wrapper (padding on ::before,
   the player laid over it) is switched off around the picture and the player, which keep 16:9 themselves. */
.dss-blog-body .wp-block-embed__wrapper:has(> .dss-yt)::before,
.dss-blog-body .wp-block-embed__wrapper:has(> iframe.dss-yt-on)::before { display: none !important; }
body.buddyboss-theme .dss-blog-body .dss-yt {
	position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; height: auto;
	margin: 0; padding: 0 !important; border: 0 !important; border-radius: 12px !important; overflow: hidden;
	background: #07061a !important; box-shadow: none !important; cursor: pointer;
}
body.buddyboss-theme .dss-blog-body .dss-yt img {
	position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; margin: 0;
}
.dss-blog-body .dss-yt-play {
	position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%;
	background: rgba(11, 9, 32, .72); box-shadow: 0 0 0 2px #f0cf7e, 0 0 18px rgba(240, 207, 126, .5);
}
.dss-blog-body .dss-yt-play::after {
	content: ""; position: absolute; left: 26px; top: 20px;
	border-style: solid; border-width: 12px 0 12px 19px; border-color: transparent transparent transparent #ffeaa8;
}
.dss-blog-body iframe.dss-yt-on { position: static !important; aspect-ratio: 16 / 9; height: auto !important; }
.dss-blog-more { text-align: center; margin: .5em 0 .3em; }
body.buddyboss-theme .dss-blog .dss-blog-open,
#buddypress .dss-blog .dss-blog-open {
	background: var(--dss-gold) !important;
	border: 1px solid var(--dss-gold) !important;
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	border-radius: 999px !important;
	font-family: var(--dss-display) !important;
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .03em;
	padding: .55em 1.5em;
	line-height: 1.3;
	cursor: pointer;
	box-shadow: 0 0 16px rgba(240, 207, 126, .25);
}
/* A smaller pill on phones (Mike, 2026-10-14: "let's resize the 'keep reading' to a smaller button") */
@media (max-width: 799px) {
	body.buddyboss-theme .dss-blog .dss-blog-open,
	#buddypress .dss-blog .dss-blog-open {
		font-size: .8rem !important;
		padding: .4em 1.1em !important;
		min-height: 0 !important;
		height: auto !important;
		box-shadow: 0 0 10px rgba(240, 207, 126, .2);
	}
	/* the ✨ is WordPress's emoji picture, drawn 24px tall: the button stood 42px high */
	body.buddyboss-theme .dss-blog .dss-blog-open img.emoji,
	#buddypress .dss-blog .dss-blog-open img.emoji {
		width: 1.05em !important; height: 1.05em !important; margin: 0 .3em 0 0 !important; vertical-align: -.15em !important;
	}
}
body.buddyboss-theme .dss-blog.is-open .dss-blog-open,
#buddypress .dss-blog.is-open .dss-blog-open {
	background: transparent !important;
	color: var(--dss-gold) !important;
	-webkit-text-fill-color: var(--dss-gold) !important;
	box-shadow: none;
}
body.buddyboss-theme .dss-blog .dss-blog-open:hover { box-shadow: 0 0 22px rgba(240, 207, 126, .5) !important; }
/* The list of issues */
body.category-abundance-newsletter .page-header .page-title,
body.category-abundance-newsletter .entry-title a {
	font-family: var(--dss-display) !important;
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
}
body.category-abundance-newsletter .entry-content,
body.category-abundance-newsletter .entry-summary,
body.category-abundance-newsletter .entry-content p { color: #e6e0fa !important; }

/* Blog pages around the newsletter (Mike, 2026-10-08: "header text … too dark"): found by scanning the real
   rendered pages for dark/stock-blue text. */
body.buddyboss-theme .bb-blog-dir-header__title {
	font-family: var(--dss-display) !important;
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	text-shadow: 0 0 22px rgba(255, 220, 140, .3);
}
body.buddyboss-theme .bb-blog-dir-header__description,
body.buddyboss-theme .bb-blog-dir-header__description p { color: #b5acdb !important; }
body.buddyboss-theme .post-author,
body.buddyboss-theme a.post-author,
body.buddyboss-theme .meta-wrap,
body.buddyboss-theme .entry-meta,
body.buddyboss-theme .post-meta-wrapper,
body.buddyboss-theme .cat-links { color: #ece6ff !important; }
body.buddyboss-theme .cat-links a,
body.buddyboss-theme .tag-links a { color: var(--dss-gold) !important; }
body.buddyboss-theme .post-related-posts h3,
body.buddyboss-theme .post-related-posts .entry-title a {
	font-family: var(--dss-display) !important;
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
}
body.buddyboss-theme .bb-share,
body.buddyboss-theme .footer-bottom .copyright,
body.buddyboss-theme .copyright { color: #b5acdb !important; }
/* Stock blue buttons: sidebar Search, the "report content" pop-up; close (×) buttons light */
body.buddyboss-theme .wp-block-search__button,
body.buddyboss-theme .report-submit.button,
body.buddyboss-theme button.report-submit {
	background: var(--dss-gold) !important;
	border-color: var(--dss-gold) !important;
	color: #120c33 !important;
}
body.buddyboss-theme .mfp-close { color: #ece6ff !important; }
/* Menu items we add ourselves (e.g. Abundance Newsletter) have a bare <span> label, not .link-text */
body.buddyboss-theme .buddypanel .side-panel-menu a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a > span,
body.buddyboss-theme .bb-mobile-panel-inner a > span { color: #ece6ff !important; }

/* Member cards: "Send Message" and the other card buttons as gold-outline pills (Mike, 2026-10-08: "looks really
   bad"). Card footers: .member-button-wrap (secondary) and .primary-action; same look on a profile's header buttons. */
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a,
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap button,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action a,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action button,
body.buddyboss-theme .members-list .member-button-wrap a,
body.buddyboss-theme #item-header .generic-button a,
body.buddyboss-theme #item-header .generic-button button,
body.buddyboss-theme .member-header-actions .generic-button a {
	background: transparent !important;
	border: 1px solid rgba(240, 207, 126, .7) !important;
	color: var(--dss-gold) !important;
	-webkit-text-fill-color: var(--dss-gold) !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	transition: background .3s, color .3s, box-shadow .3s;
}
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a i,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action a i,
body.buddyboss-theme #item-header .generic-button a i { color: inherit !important; }
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a:hover,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action a:hover,
body.buddyboss-theme #item-header .generic-button a:hover {
	background: var(--dss-gold) !important;
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	box-shadow: 0 0 18px rgba(240, 207, 126, .4) !important;
}
/* Mike's screenshot (2026-10-08): Send Message sat in half the footer, wrapped onto two lines, off centre,
   with a ring round its icon. The footer now centres whatever buttons it has; a button never wraps. */
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap.footer-button-wrap,
body.buddyboss-theme :is(#members-list, .members-list) .member-buttons-wrap {
	display: flex !important;
	justify-content: center !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	padding: 14px 12px !important;
}
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap.footer-button-wrap > *,
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap .generic-button {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: 100%;
	margin: 0 !important;
	border: 0 !important;
	text-align: center;
}
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	white-space: nowrap !important;
	padding: 9px 22px !important;
	line-height: 1.2 !important;
	width: auto !important;
	min-width: 0 !important;
}
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a i,
body.buddyboss-theme :is(#members-list, .members-list) .member-button-wrap a i::before,
body.buddyboss-theme :is(#members-list, .members-list) .primary-action a i {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	font-size: 1.1em;
}
/* "Chopped" bits: the tab strip under All Members / Profile only covered part of the width, and the
   list-view toggle beside the grid icon was nearly invisible. */
body.buddyboss-theme .bp-navs,
body.buddyboss-theme .bp-navs ul:not(.bb_more_dropdown),
body.buddyboss-theme .bp-navs li,
body.buddyboss-theme .bp-subnavs,
body.buddyboss-theme .bp-subnavs ul:not(.bb_more_dropdown),
body.buddyboss-theme .bp-subnavs li,
body.buddyboss-theme #object-nav,
body.buddyboss-theme #object-nav ul:not(.bb_more_dropdown),
body.buddyboss-theme #object-nav li,
body.buddyboss-theme .main-navs,
body.buddyboss-theme .users-nav,
body.buddyboss-theme .groups-nav {
	background: transparent !important;
	box-shadow: none !important;
}
body.buddyboss-theme .grid-filters a,
body.buddyboss-theme .grid-filters .layout-view {
	color: #b5acdb !important;
	opacity: 1 !important;
}
body.buddyboss-theme .grid-filters a.active,
body.buddyboss-theme .grid-filters .layout-view.active { color: var(--dss-gold) !important; }
/* the strip the card buttons sit on */
body.buddyboss-theme :is(#members-list, .members-list) .member-buttons-wrap,
body.buddyboss-theme :is(#members-list, .members-list) .footer-button-wrap,
body.buddyboss-theme :is(#members-list, .members-list) .bp-members-list-hook,
body.buddyboss-theme :is(#members-list, .members-list) .list-wrap-inner .item-actions {
	background: transparent !important;
	border-color: rgba(240, 207, 126, .18) !important;
}
/* Who's Online widget (All Activity + Members): avatars in a soft grid, the count in gold */
body.buddyboss-theme .widget_bp_core_whos_online_widget .item-avatar img { border-radius: 50%; }
body.buddyboss-theme .widget_bp_core_whos_online_widget .widget-title .count,
body.buddyboss-theme .widget_bp_core_whos_online_widget #boss_whos_online_widget_total_heartbeat { color: var(--dss-gold) !important; }

/* ---------- Messages (Mike, 2026-10-08: "so dark… can we make this more magical?") ----------
   Aurora glass panel with a faint gold edge, a crescent moon + stars in the empty middle while composing,
   gold "To:", violet recipient pills, readable prompt, gold-glow writing box, glowing gold send button. */
body.buddyboss-theme .bp-messages-container,
body.buddyboss-theme .bp-messages-content {
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(107, 75, 214, .30), transparent 70%),
		radial-gradient(60% 45% at 100% 100%, rgba(255, 154, 213, .12), transparent 70%),
		radial-gradient(60% 45% at 0% 100%, rgba(102, 227, 214, .08), transparent 70%),
		rgba(21, 17, 47, .88) !important;
	border-color: rgba(240, 207, 126, .28) !important;
	box-shadow: 0 0 0 1px rgba(240, 207, 126, .08), 0 24px 70px -30px rgba(192, 140, 255, .55) !important;
}
/* the empty middle while writing a new message */
body.buddyboss-theme .bp-messages-content:has(#send-to-input) {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cdefs%3E%3CradialGradient id='g' cx='40%25' cy='35%25'%3E%3Cstop offset='0' stop-color='%23fffdf2'/%3E%3Cstop offset='1' stop-color='%23d9b867'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M128 62a58 58 0 1 0 50 88A48 48 0 1 1 128 62z' fill='url(%23g)' opacity='.55'/%3E%3Cg fill='%23f3d58b'%3E%3Cpath d='M58 70l2.5 7 7 2.5-7 2.5-2.5 7-2.5-7-7-2.5 7-2.5z' opacity='.7'/%3E%3Cpath d='M190 52l1.8 5 5 1.8-5 1.8-1.8 5-1.8-5-5-1.8 5-1.8z' opacity='.6'/%3E%3Cpath d='M200 170l1.5 4 4 1.5-4 1.5-1.5 4-1.5-4-4-1.5 4-1.5z' opacity='.5'/%3E%3Ccircle cx='40' cy='160' r='1.6' opacity='.6'/%3E%3Ccircle cx='170' cy='110' r='1.2' opacity='.5'/%3E%3Ccircle cx='95' cy='200' r='1.4' opacity='.45'/%3E%3C/g%3E%3C/svg%3E"),
		radial-gradient(90% 55% at 50% 0%, rgba(107, 75, 214, .30), transparent 70%),
		radial-gradient(60% 45% at 100% 100%, rgba(255, 154, 213, .12), transparent 70%),
		radial-gradient(60% 45% at 0% 100%, rgba(102, 227, 214, .08), transparent 70%) !important;
	background-repeat: no-repeat !important;
	background-position: center 42%, 0 0, 0 0, 0 0 !important;
	background-size: min(240px, 55%), auto, auto, auto !important;
	background-color: rgba(21, 17, 47, .88) !important;
}
body.buddyboss-theme .bp-messages-form-header,
body.buddyboss-theme .bp-messages-content .bp-messages-form-header {
	background: transparent !important;
	border-color: rgba(240, 207, 126, .22) !important;
}
body.buddyboss-theme .bp-messages-recipient label,
body.buddyboss-theme .bp-messages-form-header label,
body.buddyboss-theme .bp-new-message-heading {
	color: var(--dss-gold) !important;
	font-family: var(--dss-display) !important;
	letter-spacing: .06em;
	opacity: 1 !important;
}
body.buddyboss-theme .bp-close-compose-form,
body.buddyboss-theme .bp-close-compose-form i { color: #b5acdb !important; opacity: 1 !important; }
body.buddyboss-theme .bp-close-compose-form:hover i { color: var(--dss-gold) !important; }
/* recipient box + pills (select2) */
body.buddyboss-theme .bp-messages-recipient .select2-container .select2-selection,
body.buddyboss-theme .bp-messages-recipient .select2-selection--multiple {
	background: rgba(14, 11, 38, .55) !important;
	border: 1px solid rgba(240, 207, 126, .3) !important;
	border-radius: 14px !important;
}
body.buddyboss-theme .bp-messages-recipient .select2-container--focus .select2-selection { border-color: rgba(240, 207, 126, .7) !important; box-shadow: 0 0 18px rgba(240, 207, 126, .18) !important; }
body.buddyboss-theme .select2-selection__choice {
	background: linear-gradient(120deg, #6b4bd6, #9a6ff0) !important;
	border: 1px solid rgba(240, 207, 126, .45) !important;
	border-radius: 999px !important;
	color: #fff !important;
	box-shadow: 0 0 14px rgba(192, 140, 255, .45);
}
body.buddyboss-theme .select2-selection__choice,
body.buddyboss-theme .select2-selection__choice span,
body.buddyboss-theme .select2-selection__choice__display { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.buddyboss-theme .select2-selection__choice__remove {
	background: rgba(255, 255, 255, .18) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 50% !important;
}
body.buddyboss-theme .select2-search__field { color: #f4f0ff !important; }
body.buddyboss-theme .select2-search__field::placeholder { color: #b5acdb !important; opacity: 1; }
/* the member-name dropdown */
body.buddyboss-theme .select2-dropdown {
	background: #15112f !important;
	border: 1px solid rgba(240, 207, 126, .35) !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .8);
}
body.buddyboss-theme .select2-results__option { color: #ece6ff !important; }
body.buddyboss-theme .select2-results__option--highlighted,
body.buddyboss-theme .select2-results__option[aria-selected="true"] {
	background: rgba(107, 75, 214, .45) !important;
	color: #fff !important;
}
/* the writing box */
body.buddyboss-theme #bp-message-content,
body.buddyboss-theme .bp-messages-content #bp-message-content {
	background: rgba(14, 11, 38, .6) !important;
	border: 1px solid rgba(240, 207, 126, .35) !important;
	border-radius: 18px !important;
	transition: border-color .3s, box-shadow .3s;
}
body.buddyboss-theme #bp-message-content:focus-within {
	border-color: rgba(240, 207, 126, .75) !important;
	box-shadow: 0 0 26px rgba(240, 207, 126, .22), inset 0 0 18px rgba(107, 75, 214, .18) !important;
}
/* Rounded corners all the way round (Mike, 2026-10-09: "missing some corners"). The writing area inside the box
   (#message_content, the emoji area since emoji went on in messages) had its own dark panel with 6px corners that
   poked out past the box's 18px ones; and the two glass layers inside the 10px-rounded .messages-wrapper had square
   corners. The container now clips to the frame (checked: the emoji picker still opens in full). */
body.buddyboss-theme #bp-message-content #message_content { background: transparent !important; }
body.buddyboss-theme .messages-wrapper .bp-messages-container { border-radius: 9px !important; overflow: clip !important; }
body.buddyboss-theme #bp-message-content > *,
body.buddyboss-theme #bp-message-content .bp-message-content_foot_note,
body.buddyboss-theme #bp-message-content #whats-new-messages-toolbar,
body.buddyboss-theme #bp-message-content .medium-editor-toolbar { background-color: transparent !important; }
body.buddyboss-theme #message_content,
body.buddyboss-theme #message_content p { color: #f4f0ff !important; caret-color: var(--dss-gold); }
body.buddyboss-theme #message_content.medium-editor-placeholder::after,
body.buddyboss-theme #message_content[data-placeholder]::after,
body.buddyboss-theme #bp-message-content [data-placeholder]::after {
	color: #b5acdb !important;
	font-style: italic;
	opacity: 1 !important;
}
body.buddyboss-theme #bp-message-content .bp-message-content_foot_note,
body.buddyboss-theme #bp-message-content .space_note { color: #b5acdb !important; }
body.buddyboss-theme #bp-message-content i,
body.buddyboss-theme #bp-message-content .toolbar-button { color: #ece6ff !important; }
body.buddyboss-theme #bp-message-content .toolbar-button:hover i { color: var(--dss-gold) !important; }
/* Send button. BuddyBoss draws it as a small box (#message-new-submit / #message-reply-new-submit) whose ::before
   is the paper-plane icon, with the real <input> laid over it at opacity 0 to catch the tap. So the gold goes on
   the BOX and the icon turns dark ink; the input itself is left alone (Mike, 2026-10-08: painting the input gold
   covered the icon, "I don't see the send button"). */
body.buddyboss-theme #message-new-submit,
body.buddyboss-theme #message-reply-new-submit {
	background: linear-gradient(120deg, #f0cf7e, #fff3cf 50%, #d9a94e) !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: 0 0 18px rgba(240, 207, 126, .45) !important;
	overflow: hidden;
	transition: box-shadow .3s, opacity .3s;
	/* BuddyBoss keeps it at half strength until there is something to send (then .focus-in--content → 1) */
}
body.buddyboss-theme #message-new-submit::before,
body.buddyboss-theme #message-reply-new-submit::before,
body.buddyboss-theme #message-new-submit i,
body.buddyboss-theme #message-reply-new-submit i {
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	opacity: 1 !important;
}
body.buddyboss-theme #message-new-submit:hover,
body.buddyboss-theme #message-reply-new-submit:hover { box-shadow: 0 0 30px rgba(240, 207, 126, .75) !important; }
/* the invisible input on top must stay invisible (BuddyBoss sets opacity 0 / transparent) */
body.buddyboss-theme #message-new-submit #bp-messages-send,
body.buddyboss-theme #message-reply-new-submit #send_reply_button {
	background: transparent !important;
	box-shadow: none !important;
}
/* conversation bubbles: moonlight text, glass bubbles; the inbox list readable */
body.buddyboss-theme .bp-messages-single-list .bp-message-content-wrap,
body.buddyboss-theme .bp-messages-single-list .bp-message-content-wrap p,
body.buddyboss-theme .bp-messages-threads-list .thread-content,
body.buddyboss-theme .bp-messages-threads-list .thread-excerpt,
body.buddyboss-theme .bp-messages-threads-list .user-name { color: #ece6ff !important; }
body.buddyboss-theme .bp-messages-single-list .message-metadata,
body.buddyboss-theme .bp-messages-single-list .message-metadata time,
body.buddyboss-theme .bp-messages-threads-list .thread-date { color: #b5acdb !important; }
body.buddyboss-theme .bp-messages-threads-list li.current,
body.buddyboss-theme .bp-messages-threads-list li:hover { background: rgba(107, 75, 214, .22) !important; }
/* The selected conversation (Mike, 2026-10-10: "white … impossible to read"). BuddyBoss's v2 template paints the
   link itself, not the li: `.bb-template-v2 #message-threads .current > a` = 90% white over the old blue, and
   hover / options-open use the light alternate background. Now a violet glass card with a gold edge and gold name. */
body.buddyboss-theme #message-threads .bp-message-link:hover,
body.buddyboss-theme #message-threads .thread-item.optionsOpen .bp-message-link {
	background: rgba(107, 75, 214, .30) !important;
}
body.buddyboss-theme #message-threads .current > a {
	background: linear-gradient(90deg, rgba(107, 75, 214, .48), rgba(107, 75, 214, .24)) !important;
	box-shadow: inset 3px 0 0 #f0cf7e, inset 0 0 0 1px rgba(240, 207, 126, .30) !important;
}
body.buddyboss-theme #message-threads .current > a .user-name,
body.buddyboss-theme #message-threads .current > a .thread-to,
body.buddyboss-theme #message-threads .current > a .thread-to a { color: #ffeaa8 !important; }
body.buddyboss-theme #message-threads .current > a .thread-excerpt,
body.buddyboss-theme #message-threads .current > a .thread-subject { color: #f4f0ff !important; }
body.buddyboss-theme #message-threads .current > a .thread-date { color: #d6cdf5 !important; }
/* A conversation's ⋯ menu matches a post's ⋯ menu (Mike, 2026-10-14: "make the options menu uniform like you did with
   the others? purple background?"): a solid night panel with a faint gold edge and each choice a violet pill with
   moonlight words and icon, 8px apart. It was lavender text on a see-through panel, and the rows below it drew over
   it (each row is its own layer), so the open row is lifted above its neighbours. Phones and computers. */
body.buddyboss-theme #message-threads > li.optionsOpen { position: relative; z-index: 30 !important; }
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list {
	background: #15112f !important;
	border: 1px solid rgba(240, 207, 126, .28) !important;
	border-radius: 14px !important;
	padding: 8px !important;
	box-shadow: 0 22px 50px -18px rgba(0, 0, 0, .85), 0 0 26px rgba(107, 75, 214, .28) !important;
}
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list li {
	margin: 0 0 8px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list li:last-child { margin-bottom: 0 !important; }
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list li > a {
	background: #6b4bd6 !important;
	color: #f6f2ff !important;
	-webkit-text-fill-color: #f6f2ff !important;
	border-radius: 12px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	text-decoration: none !important;
}
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list li > a::before { color: #f6f2ff !important; -webkit-text-fill-color: #f6f2ff !important; }
body.buddyboss-theme #message-threads .message-thread-options .bb_more_options_list li > a:hover { background: #7b5ce6 !important; }
/* The "Messages" title over the list (Mike, 2026-10-14: "change that to a font similar to the other ones used on the
   home screen and the color too"): the menus' and tab bar's lettering, candle-gold Cinzel 600 with a soft glow,
   instead of BuddyBoss's system font in lilac with an underline on a dark tab. Phones and computers. */
body.buddyboss-theme .bp-messages-nav-panel #subnav #inbox-personal-li,
body.buddyboss-theme .bp-messages-nav-panel #subnav #inbox-personal-li > a#inbox {
	background: transparent !important;
	box-shadow: none !important;
}
body.buddyboss-theme .bp-messages-nav-panel #subnav #inbox-personal-li > a#inbox {
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	font-family: Cinzel, Georgia, serif !important;
	font-weight: 600 !important;
	letter-spacing: .04em;
	text-decoration: none !important;
	text-shadow: 0 0 12px rgba(240, 207, 126, .4);
}

/* ---------- small touches ---------- */
.bb-icon-bell, .bb-icon-inbox, .bb-icon-shopping-cart { transition: color .3s, text-shadow .3s; }
.notification-wrap:hover i,
.header-aside a:hover i { text-shadow: 0 0 12px rgba(240, 207, 126, .8); }

html { scrollbar-color: rgba(240, 207, 126, .35) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(240, 207, 126, .28); border-radius: 10px; }
::-webkit-scrollbar-track { background: transparent; }

/* Gentle entrance for feed items as they arrive.
   `backwards`, not `both` (Mike, 2026-10-11: "the three dots on the post or the photo open the menu, but off the visible
   screen"): with `both` every post kept a leftover transform after rising in, which made the post the "screen" for
   BuddyBoss's phone pop-up menus (position: fixed, centred), so the ⋯ menus of a post and its photos opened centred
   on the post and ran off the bottom. Nothing that contains pop-ups may keep a transform/filter after animating. */
@keyframes dss-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.activity-list > li.activity-item,
.bp-list > li { animation: dss-rise .7s cubic-bezier(.2, .7, .2, 1) backwards; }

/* ---------- login page ---------- */
/* Set-password page: only "Save Password" (Mike, 2026-10-08); the box starts empty (functions.php). */
body.login .wp-generate-pw,
body.login button.wp-generate-pw { display: none !important; }
body.login {
	background: transparent !important; /* the sky is painted on <html>; a body background would hide the stars */
	color: #d3caf0;
}
body.login #login form,
body.login .login-split,
body.login #loginform {
	background: rgba(21, 17, 47, .82) !important;
	border: 1px solid rgba(240, 207, 126, .25) !important;
	border-radius: 22px !important;
	box-shadow: 0 30px 80px -30px rgba(107, 75, 214, .8) !important;
	backdrop-filter: blur(10px);
}
body.login h1 a,
body.login .login-heading,
body.login #login h1 {
	font-family: var(--dss-display) !important;
	color: var(--dss-gold) !important;
}
body.login label,
body.login #nav a,
body.login #backtoblog a { color: #d3caf0 !important; }
body.login #nav a:hover,
body.login #backtoblog a:hover { color: var(--dss-gold) !important; }

/* The ⋯ Options menu on a post (phones show it as a panel; Mike, 2026-10-08: "make the buttons not touch one another") */
body.buddyboss-theme .bb_more_dropdown .generic-button,
body.buddyboss-theme .bb_more_dropdown li { margin: 0 0 8px !important; }
body.buddyboss-theme .bb_more_dropdown .generic-button:last-child,
body.buddyboss-theme .bb_more_dropdown li:last-child { margin-bottom: 0 !important; }
body.buddyboss-theme .bb_more_dropdown .generic-button a,
body.buddyboss-theme .bb_more_dropdown .generic-button button,
body.buddyboss-theme .bb_more_dropdown li > a {
	border-radius: 12px !important;
	color: #f6f2ff !important;
}
body.buddyboss-theme .bb_more_dropdown .generic-button a i,
body.buddyboss-theme .bb_more_dropdown .generic-button a span,
body.buddyboss-theme .bb_more_dropdown li > a i,
body.buddyboss-theme .bb_more_dropdown li > a span { color: inherit !important; }
/* (2026-10-11, Mike's "three dots open the menu off the screen" report) the options' text was dim lavender on the violet
   pills: dss-dark.css's `#buddypress a.button` outranked the rule above, so the same with #buddypress; the photo
   menu's plain links lose their underline. */
body.buddyboss-theme #buddypress .bb_more_dropdown .generic-button a,
body.buddyboss-theme #buddypress .bb_more_dropdown li > a,
body.buddyboss-theme #buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a,
body.buddyboss-theme #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a {
	color: #f6f2ff !important;
	text-decoration: none !important;
}
/* While a ⋯ menu is open on a phone, BuddyBoss lays .bb_more_dropdown_overlay over the page (and drops the top bar
   behind it); ours was fully see-through, so post text, and the sort row over the top bar, showed around the menu.
   A soft night veil instead: the page dims and the menu stands out. Only while open (body.more_option_open for a
   post's menu, body.document_more_option_open for a photo's). The top bar keeps its place above the page (still
   under the veil), so the feed's sort row can no longer show over it. */
body.buddyboss-theme.more_option_open .bb_more_dropdown_overlay,
body.buddyboss-theme.document_more_option_open .bb_more_dropdown_overlay { background: rgba(7, 6, 26, .66) !important; }
body.buddyboss-theme.more_option_open .site-header,
body.buddyboss-theme.document_more_option_open .site-header { z-index: 612 !important; }
/* a photo's veil sat under the top bar and the app's tab bar (z 900): its .media-action-wrap is its own layer (z 111),
   so the open one is lifted as a whole */
@media (max-width: 799px) {
	body.buddyboss-theme.document_more_option_open .media-action-wrap:has(.bb_more_dropdown.open) { z-index: 995 !important; }
}
/* Back button, only in the home-screen app (custom.js adds it and html.dss-app; Mike, 2026-10-09). Top left of
   the header beside the menu button, on every page: a gold-edged circle like the other header touches. */
.dss-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	margin-right: 4px;
	border-radius: 50%;
	border: 1px solid rgba(240, 207, 126, .55);
	background: rgba(107, 75, 214, .22);
	color: var(--dss-gold) !important;
	-webkit-tap-highlight-color: transparent;
	transition: background .2s ease, box-shadow .2s ease;
}
.dss-back svg { width: 16px; height: 16px; margin-left: -2px; }
.dss-back:hover,
.dss-back:active { background: rgba(240, 207, 126, .22); box-shadow: 0 0 14px rgba(240, 207, 126, .45); }
html.dss-app .bb-mobile-header .bb-left-panel-icon-wrap { display: flex; align-items: center; }
/* The phone header shows the transparent tree instead of the words DIGITAL SOULSPACE: first in the app (Mike,
   2026-10-09), and in phone browsers too since 2026-10-10 ("the mobile version still shows Digital Soulspace").
   .bb-mobile-header only exists on phone-size screens. The tree is the site icon (a *dss_Tree* file, so nginx
   serves it to everyone). The shimmering-gold lettering rule paints the words with a clipped background, so that is
   switched off here. */
body.buddyboss-theme .bb-mobile-header .mobile-logo-wrapper a {
	display: block !important;
	width: 46px !important;
	height: 46px !important;
	font-size: 0 !important;
	color: transparent !important;
	animation: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	background: url("/wp-content/uploads/2026/10/cropped-large_border_transparent_dss_Tree_color-192x192.png") center / contain no-repeat !important;
	filter: drop-shadow(0 0 8px rgba(255, 170, 60, .35));
}
body.buddyboss-theme .bb-mobile-header .mobile-logo-wrapper a * { display: none !important; }
html.dss-app .site-header-container .dss-back { align-self: center; margin: 0 6px 0 4px; }

/* A space's tab ⋯ menu (Feed / Photos / … / Manage on a phone; Mike, 2026-10-09: "comes up transparent with no
   buttons"): BuddyBoss gives this one no background, so the items floated over the page. Same night panel as the
   post menu, and each item a soft button. */
body.buddyboss-theme .bp-navs .hideshow .bb_more_dropdown,
body.buddyboss-theme .bp-navs .bb_more_dropdown.open {
	background: #15112f !important;
	border: 1px solid rgba(240, 207, 126, .35) !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 60px -18px rgba(0, 0, 0, .85), var(--dss-glow) !important;
}
body.buddyboss-theme .bp-navs .bb_more_dropdown li > a {
	display: block !important;
	padding: 10px 14px !important;
	background: rgba(107, 75, 214, .18) !important;
	border: 1px solid rgba(236, 230, 255, .14) !important;
}
body.buddyboss-theme .bp-navs .bb_more_dropdown li > a:hover,
body.buddyboss-theme .bp-navs .bb_more_dropdown li.current > a,
body.buddyboss-theme .bp-navs .bb_more_dropdown li.selected > a {
	border-color: rgba(240, 207, 126, .55) !important;
	color: var(--dss-gold) !important;
}
body.buddyboss-theme .bp-navs .bb_more_dropdown .bb_more_dropdown__title {
	background: none !important;
	border: 0 !important;
	color: var(--dss-gold) !important;
	font-family: var(--dss-display);
}
body.buddyboss-theme .bp-navs .bb_more_dropdown .bb_more_dropdown__title a,
body.buddyboss-theme .bp-navs .bb_more_dropdown .bb_more_dropdown__title i { background: none !important; border: 0 !important; color: #ece6ff !important; }

/* WordPress pages and posts (Info → Contact / TOS / Community Guidelines, Mike 2026-10-08: "the colors in contact are
   unreadable"): headings and links in the editor content were the theme's near-black and dark blue. */
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h1:not(.has-text-color),
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h2:not(.has-text-color),
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h3:not(.has-text-color),
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h4:not(.has-text-color),
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h5:not(.has-text-color),
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content h6:not(.has-text-color) { color: var(--dss-gold) !important; }
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content :not(.has-link-color) > a:not(.wp-block-button__link):not(.button) { color: #d9bcff !important; text-decoration: underline; text-underline-offset: 3px; }
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content a:not(.wp-block-button__link):not(.button):hover { color: var(--dss-gold-hi) !important; }
body.buddyboss-theme article:not(.category-abundance-newsletter) .entry-content li::marker { color: var(--dss-orchid); }

/* Polls (Mike, 2026-10-08: "the text on polls is barely readable"): the Add poll window and polls in the feed. */
.bb-activity-poll_modal .bb-model-header h4,
.bb-activity-poll_modal .bb-model-header h3,
.bb-activity-poll_modal label,
.bb-activity-poll_modal h4,
.bb-activity-poll_modal h5,
.bb-activity-poll_modal .bp-checkbox-wrap,
.bb-activity-poll_modal .bp-checkbox-wrap label,
.bb-activity-poll_modal .bb-poll_duration,
.bb-activity-poll_modal p { color: #ece6ff !important; }
.bb-activity-poll_modal .bb-model-header h4 { font-family: var(--dss-display) !important; color: var(--dss-gold) !important; }
.bb-activity-poll_modal input[type="text"],
.bb-activity-poll_modal select {
	color: #f4f0ff !important;
	background: rgba(255, 255, 255, .06) !important;
	border-color: rgba(192, 140, 255, .45) !important;
}
.bb-activity-poll_modal input::placeholder { color: #a99fd0 !important; opacity: 1; }
.bb-activity-poll_modal select option { background: #1a1440; color: #f4f0ff; }
.bb-activity-poll_modal .bs-styled-checkbox + label::before,
.bb-activity-poll_modal .bs-styled-checkbox + span::before { border-color: #c9bdf2 !important; }
.bb-activity-poll_modal .bb-poll-option_add { color: #ece6ff !important; border-color: rgba(192, 140, 255, .55) !important; }
.bb-activity-poll_modal .bb-activity-poll-cancel {
	background: transparent !important; color: #ece6ff !important; border: 1px solid rgba(192, 140, 255, .55) !important;
}
.bb-activity-poll_modal .bb-activity-poll-submit {
	background: var(--dss-gold) !important; color: #120c33 !important; border-color: var(--dss-gold) !important; font-weight: 600;
}
.bb-activity-poll_modal .bb-activity-poll-submit[disabled],
.bb-activity-poll_modal .bb-activity-poll-submit.disabled { opacity: .45; }
/* a poll in the feed: question, options, votes */
[class*="bb-activity-poll"]:not(.bb-activity-poll_modal) { color: #ece6ff !important; }
[class*="bb-activity-poll"] [class*="option"],
[class*="bb-activity-poll"] [class*="vote"],
[class*="bb-activity-poll"] [class*="title"],
[class*="bb-activity-poll"] [class*="question"],
[class*="bb-activity-poll"] label { color: #ece6ff !important; }

/* ---------- Replies under posts: as wide as the post (Mike, 2026-10-09: "so boxy… almost as wide as the post itself") ----------
   BuddyBoss shrinks each reply to its text (inline-flex), keeps 34px free on the right for the ⋯ menu, pads the
   thread 15px each side, gives the photo its own 42px column and indents every level 40px with curved thread lines.
   Now: the bubble spans the post's text width, the photo sits inside it beside the name, the ⋯ in its top-right
   corner and the reaction badge in its bottom-right. Replies to replies step in 16px with no thread lines (Mike
   didn't want them), and custom.js adds a small "Replying to <name>" above each of them (.dss-replying-to).
   #buddypress is needed to beat dss-dark.css's `#buddypress a.button { background: violet }`, which turned each
   reply's "Like" into a stretched purple bar. */
#buddypress .activity-comments > ul { padding-left: 0 !important; padding-right: 0 !important; }
#buddypress .activity-comments .acomment-display { display: flex !important; width: 100%; padding-right: 0 !important; position: relative; }
/* while a reply is being edited BuddyBoss hides it (.bp-hide) under the edit box; the flex above kept it showing (2026-10-14) */
#buddypress .activity-comments .acomment-display.bp-hide { display: none !important; }
#buddypress .activity-comments .acomment_inner { display: block !important; position: relative; flex: 1 1 auto; min-width: 0; }
#buddypress .activity-comments .acomment-content_wrap { min-width: 0; }
#buddypress .activity-comments .acomment-avatar { position: absolute !important; top: 10px; left: 12px; z-index: 2; margin: 0 !important; width: 32px; height: 32px; }
#buddypress .activity-comments .acomment-content_block { padding-left: 14px !important; padding-right: 40px !important; }
#buddypress .activity-comments .acomment-meta { padding-left: 42px; min-height: 32px; display: flex; align-items: center; }
#buddypress .activity-comments .acomment-content p:empty { display: none; }
#buddypress .activity-comments .acomment-display > .bb-activity-more-options-wrap { position: absolute; top: 10px; right: 8px; z-index: 2; }
#buddypress .activity-comments .acomment-content_block .activity-state-reactions { right: 10px !important; left: auto !important; margin-right: 0 !important; transform: none !important; }
#buddypress .activity-comments li.activity-comment::before,
#buddypress .activity-comments .acomment-avatar::before,
#buddypress .activity-comments .acomment-display::before { display: none !important; }
#buddypress .activity-comments ul ul { margin-left: 16px !important; padding-left: 0 !important; border-left: 0 !important; } /* no thread lines (Mike) */
#buddypress .activity-comments .acomment-foot-actions { padding-left: 14px; }
#buddypress .activity-comments .acomment-foot-actions .bp-generic-meta { flex: 0 0 auto !important; }
#buddypress .activity-comments .acomment-foot-actions .generic-button { flex: 0 0 auto !important; margin-right: 18px; }
#buddypress .activity-comments .acomment-foot-actions a.button,
#buddypress .activity-comments .acomment-foot-actions a.acomment-reply {
	background: transparent !important; box-shadow: none !important; padding: 0 !important; color: #b5acdb !important; font-weight: 600;
}
#buddypress .activity-comments .acomment-foot-actions a.button.has-reaction { color: var(--dss-gold) !important; }
#buddypress .activity-comments .acomment-foot-actions .activity-time-since { margin-left: 14px !important; }
.activity-comments .dss-replying-to {
	display: flex; align-items: center; gap: 5px; margin: 6px 0 4px 4px;
	font-size: .76rem; font-style: italic; letter-spacing: .02em; color: #b5acdb;
}
.activity-comments .dss-replying-to svg { width: 13px; height: 13px; flex: 0 0 auto; color: var(--dss-orchid); }
.activity-comments .dss-replying-to span { font-style: normal; font-weight: 600; color: #ffeaa8; }

/* ---------- Donate page (page slug "donate", info/donate.html; Mike, 2026-10-09) ---------- */
body.buddyboss-theme article:has(.dss-donate) .entry-header { display: none; } /* the page has its own hero title */
.dss-donate { max-width: 860px; margin: 0 auto; padding: 8px 0 24px; text-align: center; }
.dss-donate .dd-hero {
	position: relative; overflow: hidden; padding: 44px 24px 36px; border-radius: 28px;
	border: 1px solid rgba(240, 207, 126, .35);
	background:
		radial-gradient(70% 60% at 50% 0%, rgba(240, 207, 126, .16), transparent 70%),
		radial-gradient(60% 70% at 0% 100%, rgba(107, 75, 214, .35), transparent 70%),
		radial-gradient(60% 70% at 100% 100%, rgba(255, 154, 213, .14), transparent 70%),
		rgba(21, 17, 47, .72);
	box-shadow: 0 0 60px -10px rgba(240, 207, 126, .25), var(--dss-glow);
}
.dss-donate .dd-orb {
	width: 104px; height: 104px; margin: 0 auto 18px; border-radius: 50%; display: grid; place-items: center;
	color: var(--dss-gold); border: 1px solid rgba(240, 207, 126, .55);
	background: radial-gradient(circle at 50% 40%, rgba(240, 207, 126, .22), rgba(107, 75, 214, .25) 70%);
	box-shadow: 0 0 40px rgba(240, 207, 126, .35), inset 0 0 24px rgba(240, 207, 126, .15);
	animation: dd-breathe 5s ease-in-out infinite;
}
.dss-donate .dd-orb svg { width: 60px; height: 60px; }
@keyframes dd-breathe { 50% { box-shadow: 0 0 64px rgba(240, 207, 126, .55), inset 0 0 28px rgba(240, 207, 126, .25); transform: scale(1.03); } }
body.buddyboss-theme .dss-donate .dd-eyebrow {
	margin: 0 0 6px; font: 400 .85rem/1.4 var(--dss-display); letter-spacing: .35em; text-transform: uppercase; color: var(--dss-teal) !important;
}
body.buddyboss-theme .entry-content .dss-donate h2.dd-title {
	margin: 0 0 14px; font: 600 clamp(1.7rem, 5vw, 2.6rem)/1.2 var(--dss-display); letter-spacing: .04em;
	background: linear-gradient(120deg, #f0cf7e, #fff3cf 50%, #d9a94e); -webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; text-shadow: none;
}
body.buddyboss-theme .dss-donate .dd-lead { max-width: 600px; margin: 0 auto 26px; font-size: 1.12rem; line-height: 1.65; color: #e6e0fa !important; }
.dss-donate .dd-cta { margin: 0 0 10px; }
body.buddyboss-theme .entry-content .dss-donate a.dd-btn {
	display: inline-flex; align-items: center; gap: 12px; padding: 16px 34px; border-radius: 999px; border: 0;
	font: 600 1rem/1.2 var(--dss-display); letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important;
	color: #120c33 !important; background: linear-gradient(120deg, #f0cf7e, #fff3cf 50%, #d9a94e) !important;
	box-shadow: 0 0 34px rgba(240, 207, 126, .45), 0 14px 30px -12px rgba(0, 0, 0, .6);
	transition: transform .3s, box-shadow .3s;
}
body.buddyboss-theme .entry-content .dss-donate a.dd-btn:hover,
body.buddyboss-theme .entry-content .dss-donate a.dd-btn:focus-visible {
	color: #120c33 !important; transform: translateY(-2px); outline: none;
	box-shadow: 0 0 50px rgba(240, 207, 126, .7), 0 18px 34px -12px rgba(0, 0, 0, .6);
}
body.buddyboss-theme .dss-donate .dd-note { margin: 0; font-size: .9rem; font-style: italic; color: #b5acdb !important; }
body.buddyboss-theme .entry-content .dss-donate h3.dd-heading {
	margin: 40px 0 18px; font: 600 1.05rem/1.3 var(--dss-display); letter-spacing: .2em; text-transform: uppercase; color: var(--dss-gold) !important;
}
.dss-donate .dd-love {
	position: relative; margin: 34px auto 0; max-width: 700px; padding: 30px 28px 22px; border-radius: 24px;
	border: 1px solid rgba(192, 140, 255, .35);
	background: radial-gradient(80% 90% at 50% 0%, rgba(107, 75, 214, .30), transparent 75%), rgba(21, 17, 47, .6);
}
.dss-donate .dd-love::before { /* thin gold rule across the top */
	content: ""; position: absolute; top: -1px; left: 22%; right: 22%; height: 2px; border-radius: 2px;
	background: linear-gradient(90deg, transparent, var(--dss-gold), transparent);
}
body.buddyboss-theme .dss-donate .dd-ornament { display: block; color: var(--dss-gold) !important; letter-spacing: .5em; font-size: .95rem; opacity: .85; }
body.buddyboss-theme .entry-content .dss-donate .dd-love h3.dd-heading { margin: 10px 0 16px; }
body.buddyboss-theme .dss-donate .dd-love p { margin: 0 0 14px; font-size: 1.08rem; line-height: 1.75; color: #e6e0fa !important; }
body.buddyboss-theme .dss-donate .dd-love strong { color: var(--dss-gold) !important; font-weight: 600; }
.dss-donate .dd-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.dss-donate .dd-card {
	display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 22px;
	border: 1px solid #2e2760; background: rgba(29, 24, 64, .62); transition: transform .3s, border-color .3s, box-shadow .3s;
}
.dss-donate .dd-card:hover { transform: translateY(-3px); border-color: rgba(240, 207, 126, .6); box-shadow: 0 0 26px rgba(240, 207, 126, .2); }
.dss-donate .dd-ic {
	width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; color: var(--dss-gold);
	border: 1px solid rgba(240, 207, 126, .45); background: radial-gradient(circle, rgba(107, 75, 214, .45), rgba(21, 17, 47, .6));
}
.dss-donate .dd-ic svg { width: 24px; height: 24px; }
body.buddyboss-theme .dss-donate .dd-card strong { font: 600 .95rem/1.3 var(--dss-display); letter-spacing: .08em; color: #fff7e0 !important; }
body.buddyboss-theme .dss-donate .dd-card span:not(.dd-ic) { font-size: .98rem; line-height: 1.45; color: #b5acdb !important; }
.dss-donate .dd-ways ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
body.buddyboss-theme .dss-donate .dd-ways li {
	margin: 0; padding: 10px 20px; border-radius: 999px; border: 1px solid rgba(192, 140, 255, .45);
	background: rgba(107, 75, 214, .22); color: #ece6ff !important;
}
.dss-donate .dd-ways li::marker { content: none; }
body.buddyboss-theme .dss-donate .dd-thanks {
	margin: 40px 0 0; font: 400 1.15rem/1.6 var(--dss-display); letter-spacing: .06em; color: #ffeaa8 !important;
	text-shadow: 0 0 18px rgba(240, 207, 126, .35);
}
@media (max-width: 600px) {
	.dss-donate .dd-hero { padding: 34px 18px 28px; border-radius: 22px; }
	body.buddyboss-theme .entry-content .dss-donate a.dd-btn { padding: 15px 24px; letter-spacing: .08em; }
	.dss-donate .dd-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
	.dss-donate .dd-card { padding: 18px 10px; }
	.dss-donate .dd-love { padding: 26px 18px 16px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ---------- Menus in the post-title lettering (Mike, 2026-10-10: "make the font of the menu gold and the same as the
   titles in posts") ----------
   Both menus (side panel, phone panel, header bar and their drop-downs) use the post titles' candle-gold #ffeaa8,
   heavier Cinzel and soft glow. The current item's gold pill keeps its dark ink (rule further up), so it's excluded. */
body.buddyboss-theme .buddypanel .side-panel-menu li:not(.current-menu-item) > a .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu li:not(.current-menu-item) > a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu li:not(.current-menu-item) > a .link-text,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu li:not(.current-menu-item) > a > span,
body.buddyboss-theme .site-header .primary-menu > li > a,
body.buddyboss-theme .site-header .primary-menu .sub-menu a,
body.buddyboss-theme .buddypanel .side-panel-menu .sub-menu a {
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	text-shadow: 0 0 18px rgba(255, 220, 140, .25);
}
body.buddyboss-theme .buddypanel .side-panel-menu a .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a .link-text,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a > span,
body.buddyboss-theme .site-header .primary-menu > li > a,
body.buddyboss-theme .site-header .primary-menu .sub-menu a,
body.buddyboss-theme .buddypanel .side-panel-menu .sub-menu a {
	font-family: var(--dss-display) !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
}
/* Cinzel is wider: long side-panel labels ("Abundance Newsletter") wrap to a second line instead of being cut off */
body.buddyboss-theme .buddypanel .side-panel-menu a .link-text,
body.buddyboss-theme .buddypanel .side-panel-menu a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a .link-text,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu a > span {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	line-height: 1.2 !important;
}
/* our own menu items' bare <span> labels keep dark ink on the gold "current page" pill too (Donate was gold-on-gold) */
body.buddyboss-theme .buddypanel .side-panel-menu .current-menu-item > a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a > span {
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	text-shadow: none;
}
/* Phone menu header: the member's name and "My Account" in the same lettering as the menu (Mike, 2026-10-10: the plain
   system font "takes people out of the theme and looks so industrial") */
body.buddyboss-theme .bb-mobile-panel-header .user-name {
	font-family: var(--dss-display) !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	color: #ffeaa8 !important;
	-webkit-text-fill-color: #ffeaa8 !important;
	text-shadow: 0 0 18px rgba(255, 220, 140, .25);
}
body.buddyboss-theme .bb-mobile-panel-header .my-account-link a {
	text-decoration: none !important;
	font-family: var(--dss-display) !important;
	font-weight: 600 !important;
	font-size: .78em !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--dss-gold) !important;
	-webkit-text-fill-color: var(--dss-gold) !important;
	opacity: .85;
}

/* ---------- Phone menu starfield (Mike, 2026-10-10: "Can the hamburger menu pop out have a starfield background?") ----------
   Pure CSS, no script: tiny stars tiled at prime-number sizes so no grid shows, a faint violet/teal aurora like the
   welcome screen, and two layers of brighter stars that twinkle out of step (::before / ::after, opacity only).
   .bb-mobile-panel-inner is BuddyBoss's scrolling column (position:relative; z-index:11), so the twinkle layers sit at
   z-index:-1 inside it: above its background, under the menu. Nothing here uses transform/filter on the panel itself. */
body.buddyboss-theme .bb-mobile-panel-inner {
	/* toned down 2026-10-10 (Mike: "less pronounced / cluttered and more faded so the menu stands out"):
	   four sparse layers instead of seven, about half the brightness, softer aurora */
	background:
		radial-gradient(circle at 23px 41px, rgba(255, 250, 235, .42) 0 .6px, transparent 1.2px) 0 0 / 167px 181px,
		radial-gradient(circle at 71px 17px, rgba(255, 250, 235, .30) 0 .5px, transparent 1.1px) 0 0 / 211px 157px,
		radial-gradient(circle at 12px 77px, rgba(255, 210, 240, .32) 0 .6px, transparent 1.2px) 0 0 / 239px 263px,
		radial-gradient(circle at 88px 53px, rgba(205, 228, 255, .34) 0 .6px, transparent 1.2px) 0 0 / 283px 227px,
		radial-gradient(60% 35% at 18% 12%, rgba(107, 75, 214, .16), transparent 70%),
		radial-gradient(70% 35% at 40% 98%, rgba(102, 227, 214, .06), transparent 70%),
		#0b0920 !important;
}
body.buddyboss-theme .bb-mobile-panel-inner::before,
body.buddyboss-theme .bb-mobile-panel-inner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	animation: dss-twinkle 6.5s ease-in-out infinite;
}
body.buddyboss-theme .bb-mobile-panel-inner::before {
	background: radial-gradient(circle at 37px 61px, rgba(255, 250, 240, .8) 0 .9px, rgba(255, 240, 200, .2) 1.4px, transparent 3px) 0 0 / 293px 331px;
}
body.buddyboss-theme .bb-mobile-panel-inner::after {
	background: radial-gradient(circle at 190px 150px, rgba(255, 243, 250, .75) 0 .9px, rgba(255, 200, 235, .18) 1.4px, transparent 3px) 0 0 / 347px 373px;
	animation-delay: -3.25s;
}
@keyframes dss-twinkle { 0%, 100% { opacity: .1; } 50% { opacity: .55; } }
/* the name bar at the top lets the stars through, with a fine gold line under it */
body.buddyboss-theme .bb-mobile-panel-wrapper .bb-mobile-panel-header {
	background-color: rgba(21, 17, 47, .55) !important;
	box-shadow: 0 1px 0 rgba(240, 207, 126, .22) !important;
}
/* Phone menu: the current page gets the same gold pill as the computer's side panel (Mike, 2026-10-10: "Spaces has
   disappeared from the hamburger menu" — its label had the pill's dark ink but no pill behind it, dark on dark) */
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a {
	background-color: var(--dss-gold) !important;
	border-radius: 999px !important;
}
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a .link-text,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a > span,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a > i,
body.buddyboss-theme .bb-mobile-panel-inner .side-panel-menu .current-menu-item > a i {
	color: #120c33 !important;
	-webkit-text-fill-color: #120c33 !important;
	text-shadow: none !important;
}
/* Post box buttons (photo, video, file, GIF, poll) bigger on phones (Mike, 2026-10-10: "so small on the phone when
   creating a message"). BuddyBoss draws 24px icons in a 24px tap area; on phones each is now a 46px button with a 30px
   icon, the size a fingertip needs. Same toolbar in the feed's post box, a space's post box and the open post window. */
@media (max-width: 799px) {
	body.buddyboss-theme #whats-new-toolbar {
		gap: 4px;
		flex-wrap: wrap;
		align-items: center;
		padding: 6px 10px !important;
	}
	body.buddyboss-theme #whats-new-toolbar .post-elements-buttons-item {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.buddyboss-theme #whats-new-toolbar .post-elements-buttons-item > .toolbar-button,
	body.buddyboss-theme #whats-new-toolbar .post-elements-buttons-item > .gif-media-search > .toolbar-button {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 46px !important;
		height: 46px !important;
		border-radius: 12px;
	}
	body.buddyboss-theme #whats-new-toolbar .post-elements-buttons-item > .toolbar-button > i,
	body.buddyboss-theme #whats-new-toolbar .post-elements-buttons-item > .gif-media-search > .toolbar-button > i {
		font-size: 30px !important;
		line-height: 1 !important;
		width: auto !important;
		height: auto !important;
	}
}
/* "Write a comment..." box: room to write (Mike, 2026-10-10: "would be nice for the box to be bigger that they're
   writing in"). BuddyBoss starts it at one line (24px). Now about four lines to begin with, growing as they type up to
   45% of the screen, then it scrolls inside. Every comment box: feed, spaces, replies to comments, the photo viewer.
   :not(.emojionearea): the emoji button (2026-10-11) copies the box's .ac-input class, so it grew 96px tall and floated
   above the camera/GIF row. */
body.buddyboss-theme .ac-form .ac-textarea .ac-input:not(.emojionearea) {
	min-height: 96px !important;
	max-height: 45vh !important;
	overflow-y: auto !important;
	padding-top: 2px !important;
}
/* ...except in the replies pop-up on phones until it is tapped (Mike, 2026-10-12: "the 'leave a reply' dialogue opens
   right away"). The pop-up pins the box to its bottom edge, where the four-line box looked like an open reply window
   over the conversation. Empty and not tapped: one line with the camera/GIF buttons beside it, like the feed's box, and
   no Post button. Tapped or holding text: the roomy box above. (photos.js also stops the pop-up putting the cursor in
   it on touch screens, so the keyboard doesn't jump up.) */
@media (hover: none) {
	body.buddyboss-theme .bb-modal-activity-footer .ac-form:not(:focus-within):has(.ac-input:not(.emojionearea):empty) .ac-textarea {
		display: flex !important;
		align-items: center;
		gap: 4px;
	}
	body.buddyboss-theme .bb-modal-activity-footer .ac-form:not(:focus-within):has(.ac-input:not(.emojionearea):empty) .ac-textarea .ac-input:not(.emojionearea) {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 24px !important;
	}
	body.buddyboss-theme .bb-modal-activity-footer .ac-form:not(:focus-within):has(.ac-input:not(.emojionearea):empty) .ac-submit-wrap {
		display: none !important;
	}
}
/* Header tabs on hover (Mike, 2026-10-11: "mousing over the top row of options makes them white and unreadable").
   BuddyBoss draws a pale grey pill (--bb-header-alternate-background, #f2f4f5) behind the hovered tab, so the gold
   label vanished on it. Now a faint violet glass pill with a thin gold edge. Also covers hovering the current tab
   (our gold rule further up would otherwise make it a gold pill under gold letters) and the "..." overflow tab.
   The current tab's underline was BuddyBoss blue (border-bottom on the link): now gold. */
body.buddyboss-theme .site-header .primary-menu > li:hover > a::before,
body.buddyboss-theme .site-header .primary-menu > li > a:hover::before,
body.buddyboss-theme .site-header .primary-menu > li > a:focus-visible::before {
	background-color: rgba(107, 75, 214, .3) !important;
	box-shadow: inset 0 0 0 1px rgba(240, 207, 126, .35), 0 0 14px rgba(107, 75, 214, .35);
	border-radius: 8px;
}
body.buddyboss-theme .site-header .primary-menu > li > a { border-bottom-color: transparent !important; }
body.buddyboss-theme .site-header .primary-menu > :is(.current-menu-item, .current-menu-ancestor, .current_page_item) > a { border-bottom-color: var(--dss-gold) !important; }
/* same blue under the current tab of a space or profile (Feed, Photos, ...): BuddyBoss's sliding marker */
body.buddyboss-theme :is(li.current, li.selected) > a > .bb-single-nav-item-point { border-bottom-color: var(--dss-gold) !important; }
/* Reacting to a comment with the mouse (Mike, 2026-10-11: "when I try to heart a comment, the mouse over makes the
   heart disappear"). On replies the emoji row floats 18px above "Like" with nothing in between, so it closed while the
   mouse crossed the gap. An invisible bridge under the row keeps it open on the way up (it is part of the row, so the
   row's own :hover holds it). Posts' Like overlaps its row already; phones use a long-press, unaffected. */
#buddypress .activity-comments .ac-emotions_list::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 20px;
}
/* Emoji in posts and replies (Mike, 2026-10-11: "enable emojis in posts for pc users? Phone users can use their own").
   BuddyBoss's smiley button and picker are switched on for the post window and replies (options
   bp_media_profiles_emoji_support + bp_media_groups_emoji_support = 1). On a touch-only device (no mouse, finger
   pointer) the button is hidden: phones and tablets already have an emoji key on their own keyboard. A laptop with a
   touch screen still has a mouse, so it keeps the button. Messages keep their picker everywhere (unchanged). */
/* the reply box's smiley was drawn at 30% (faint grey); same moonlight as the camera/GIF icons beside it */
body.buddyboss-theme .ac-reply-toolbar .post-emoji .emojionearea-button { color: #ece6ff !important; }
@media (hover: none) and (pointer: coarse) {
	#whats-new-form .post-elements-buttons-item.post-emoji,
	.ac-reply-toolbar .post-elements-buttons-item.post-emoji { display: none !important; }
}

/* Wider posts on phones (Mike, 2026-10-11: "there's a lot of free space on either side of the posts ... a small pixel
   change"). Cards sat 20px from the screen edge (#content 10 + .container 10 - grid 10 + #primary 10) with 15px inside,
   so the text started 36px in. Now 10px from the edge and 12px inside: the text gains ~26px of width. Phones only. */
@media (max-width: 799px) {
	body.buddyboss-theme #primary.content-area { padding-left: 0 !important; padding-right: 0 !important; }
	body.buddyboss-theme .activity-list > li.activity-item { padding-left: 12px !important; padding-right: 12px !important; }
}

/* Post text a little bigger (Mike, 2026-10-11: "increase the font size just a little… match it to the Claude app",
   then "just for post body"): 15px → 17px with a bit more line spacing, phones and computers. Only the words of a
   post; names, times, comments and buttons stay as they were. Colour cards, Adage readings and other dss- pieces
   inside a post keep their own sizes. */
body.buddyboss-theme .activity-list .activity-inner,
body.buddyboss-theme .activity-list .activity-inner :is(p, li, blockquote):not([class*="dss-"], [class*="dss-"] *) {
	font-size: 17px !important;
	line-height: 1.55 !important;
}

/* "Looks like you got lost!" page (Mike, 2026-10-11 "yes please"): BuddyBoss's blue (#385DFF) 404 picture and
   button in night-sky colours. The picture's blue outlines and sparkles turn gold, the numbers stay deep night, and
   "Return Home" becomes the same gold pill as the app's "Turn on" button. */
body.buddyboss-theme .bb-img-404 svg [stroke="#385DFF"] { stroke: #f0cf7e !important; }
body.buddyboss-theme .bb-img-404 svg [fill="#385DFF"] { fill: #f0cf7e !important; }
/* the faint fill inside the numbers: gold at 20% looked muddy brown, so deep violet instead */
body.buddyboss-theme .bb-img-404 svg path[fill="#385DFF"]:not([mask]) { fill: #6b4bd6 !important; fill-opacity: .4 !important; }
body.buddyboss-theme .bb-img-404 svg { filter: drop-shadow(0 0 10px rgba(240, 207, 126, .25)); }
body.buddyboss-theme .error-404 a.button,
body.buddyboss-theme .error-404 a.button:hover,
body.buddyboss-theme .error-404 a.button:focus {
	border: 0 !important; border-radius: 99px !important; padding: 11px 26px !important; height: auto !important;
	font: 600 15px Cinzel, Georgia, serif !important; letter-spacing: .04em; color: #120c33 !important;
	background: linear-gradient(180deg, #ffeaa8, #f0cf7e) !important; box-shadow: 0 0 16px rgba(240, 207, 126, .4) !important;
}

/* ---------- Comments as easy to read as posts (Mike, 2026-10-12: "the text is way too small... lets make it the same
   size as the post text and re-work it so it shows up better on a phone") ----------
   Comment words were BuddyBoss's 14px under 17px posts. Now the same 17px / 1.55 as post text, everywhere (feed,
   single post, replies pop-up, photo viewer panel); names 15px, Like / Reply / time 14px, "Replying to" 13px.
   Colour cards and other dss- pieces inside a comment keep their own sizes. */
/* Plain selectors only: Mike's iPhone ignored the earlier :is(...):not(...) version of this rule (comments stayed 14px
   there while Chrome showed 17px; measured from his screenshot, 2026-10-12). No meme card is ever inside a comment. */
body.buddyboss-theme #buddypress .activity-comments .acomment-content,
body.buddyboss-theme #buddypress .activity-comments .acomment-content p,
body.buddyboss-theme #buddypress .activity-comments .acomment-content li,
body.buddyboss-theme #buddypress .activity-comments .acomment-content blockquote {
	font-size: 17px !important;
	line-height: 1.55 !important;
}
body.buddyboss-theme #buddypress .activity-comments .acomment-meta,
body.buddyboss-theme #buddypress .activity-comments .acomment-meta a { font-size: 15px !important; }
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions,
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions a.button,
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions a.acomment-reply,
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions .activity-time-since,
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions .activity-time-since a,
body.buddyboss-theme #buddypress .activity-comments .acomment-foot-actions a.button span:not([class*="icon"]) { font-size: 14px !important; }
body.buddyboss-theme .activity-comments .dss-replying-to { font-size: 13px; }
/* …and the words being typed (Mike, 2026-10-12: "the reply text should be the same size as the post text when
   replying"): the comment / reply box and its "Write a comment..." hint were 16px on phones and 14px in the desktop
   emoji editor; the new-post box was 16px. All 17px / 1.55 now, the size the words will have once posted. */
body.buddyboss-theme .ac-form .ac-input,
body.buddyboss-theme .ac-form .ac-input p,
body.buddyboss-theme .ac-form .ac-input div,
body.buddyboss-theme .ac-form .ac-input::before,
body.buddyboss-theme .ac-form .emojionearea-editor,
body.buddyboss-theme .ac-form .emojionearea-editor p,
body.buddyboss-theme .ac-form .emojionearea-editor div,
body.buddyboss-theme .ac-form .emojionearea-editor::before,
body.buddyboss-theme #whats-new,
body.buddyboss-theme #whats-new :is(p, div),
body.buddyboss-theme #whats-new::before {
	font-size: 17px !important;
	line-height: 1.55 !important;
}

/* Phones: the replies pop-up ("View 1 reply", "2 Comments") is a full page, not a window floating over the dimmed
   feed. BuddyBoss drew a 95%-wide rounded box 10px in from the edges, with a big Cinzel "Michael Robert's Post" bar,
   the post as another bordered card inside it, then the comments indented inside that: box in a box in a box, and
   everything squeezed. Now: solid night sky edge to edge, a slim 52px title bar (small gold title, 44px close button),
   the post and its conversation straight on the page, and the comment box as a bar along the bottom. photos.js makes
   the phone's Back gesture close it. Replies to replies step in 10px (was 16) and their bubbles keep only the room
   the ⋯ button needs. */
@media (max-width: 799px) {
	body.buddyboss-theme #buddypress .activity-comments ul ul { margin-left: 10px !important; }
	body.buddyboss-theme #buddypress .activity-comments .acomment-content_block { padding-left: 12px !important; padding-right: 36px !important; }

	html body .bb-activity-model-wrapper,
	html body #buddypress.bb-activity-model-wrapper { /* its id is #buddypress, and a #buddypress glass rule made it 94% see-through */
		background: #0b0920 !important;
		background-color: #0b0920 !important;
		align-items: stretch !important;
		justify-content: stretch !important;
	}
	body .bb-activity-model-wrapper #activity-modal {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	body .bb-activity-model-wrapper .bb-modal-activity-header {
		flex: 0 0 auto;
		height: 52px !important;
		min-height: 52px !important;
		padding: 0 4px 0 16px !important;
		align-items: center !important;
		background: #0e0b26 !important;
		border-bottom: 1px solid rgba(240, 207, 126, .2) !important;
	}
	body .bb-activity-model-wrapper .bb-modal-activity-header h2 {
		flex: 1 1 auto;
		min-width: 0;
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.3 !important;
		letter-spacing: .04em;
		text-align: left !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body .bb-activity-model-wrapper .bb-model-close-button {
		flex: 0 0 auto;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 44px !important;
		height: 44px !important;
		margin: 0 !important;
		font-size: 22px !important;
	}
	body .bb-activity-model-wrapper .bb-modal-activity-body {
		flex: 1 1 auto;
		min-height: 0;
		padding: 0 0 16px !important;
	}
	html body #buddypress.bb-activity-model-wrapper .bb-modal-activity-body ul.activity-list > li.activity-item,
	html body #buddypress.bb-activity-model-wrapper .bb-modal-activity-body ul.activity-list > li.activity-item:hover {
		margin: 0 !important;
		padding: 4px 14px 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		animation: none !important;
	}
	body .bb-activity-model-wrapper .bb-modal-activity-footer {
		flex: 0 0 auto;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
		background: #0e0b26 !important;
		border-top: 1px solid rgba(240, 207, 126, .2) !important;
	}
}

/* @mention suggestions (posts, comments, messages): BuddyBoss paints the letters you've typed on a light-grey box
   (mentions.css `.atwho-view strong { background:#efefef }`), so our light text vanished into it. Gold on a faint
   gold tint instead, in both the name and the @username (2026-10-17). */
body .atwho-view strong,
body .atwho-view .username strong {
	background: rgba(240, 207, 126, .18) !important;
	color: var(--dss-gold-hi) !important;
	border-radius: 3px;
}