/* CLUB MFT look, round 3 (MFT's requests, Oct 2026). Loads after the Brand Layer;
   every selector starts with "html" so it wins over the earlier rule it replaces. */

/* 1 + 7. Buttons: plain, smaller rounded pills. No offset shadow, no forced caps, no press-down, no arrow icon */
html body.mft-club:not(#mft-brand) :is(#main-content, .et-l--body, #buddypress) :is(.et_pb_button, a.mft-btn, a.mft-resume, .mft-btn.mft-btn--crimson, .lp-button, button.lp-button, #buddypress .button, .group-button a, .group-button button, .generic-button a, .generic-button button, .wpforms-submit, button[type="submit"], input[type="submit"]) {
	box-shadow: none !important;
	transform: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border-radius: 999px !important;
	padding: 10px 22px !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
}
html body.mft-club:not(#mft-brand) :is(#main-content, .et-l--body) :is(.et_pb_button, a.mft-btn, a.mft-resume):active {
	transform: none !important;
	box-shadow: none !important;
}
html body.mft-club:not(#mft-brand) :is(#main-content, .et-l--body) .et_pb_button::after {
	display: none !important;
}
html body:not(#mft-brand) a.mft-resume {
	margin-top: 12px;
}

/* 2. "Step one" onboarding prompt: white card, blush border, dark text */
html body:not(#mft-brand) .mft-onboarding-prompt {
	background: #ffffff !important;
	border: 1px solid #ebd6d8 !important;
	border-radius: 16px !important;
	color: #1e1b18 !important;
}
html body:not(#mft-brand) .mft-onboarding-prompt :is(strong, span) {
	color: #1e1b18 !important;
	text-transform: none !important;
}
html body:not(#mft-brand) .mft-onboarding-prompt .mft-eyebrow {
	color: #e5103b !important;
	text-transform: uppercase !important;
}

/* 3. Welcome name in rose */
html body:not(#mft-brand) .mft-name {
	color: #f4c3cc !important;
}

/* 5. BuddyPress in the CLUB palette: blush surfaces, plum active tabs, rounded corners, crimson accent only */
html body:not(#mft-brand) #buddypress :is(#object-nav, #subnav, .bp-navs) ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	padding: 6px !important;
	border: 0 !important;
	border-radius: 999px;
	background: #fbf5f3 !important;
}
html body:not(#mft-brand) #buddypress :is(#object-nav, #subnav, .bp-navs) li {
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
}
html body:not(#mft-brand) #buddypress :is(#object-nav, #subnav, .bp-navs) li a {
	padding: 8px 18px !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #1e1b18 !important;
	font-size: 15px !important;
}
html body:not(#mft-brand) #buddypress :is(#object-nav, #subnav, .bp-navs) li:is(.current, .selected) a {
	background: #6f3340 !important;
	color: #ffffff !important;
}
html body:not(#mft-brand) #buddypress :is(#object-nav, #subnav, .bp-navs) li:not(.current):not(.selected) a:hover {
	background: #f3e6e3 !important;
}
html body:not(#mft-brand) #buddypress #object-nav li a .count {
	background: transparent !important;
	color: inherit !important;
}
/* "What's new?" post box */
html body:not(#mft-brand) #buddypress :is(#whats-new-form, .activity-update-form) {
	padding: 20px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #fbf5f3 !important;
}
html body:not(#mft-brand) #buddypress #whats-new-form #whats-new {
	border: 1px solid #ebd6d8 !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}
/* Group cards (directory and profile tiles) and activity cards */
html body:not(#mft-brand) #buddypress :is(#groups-list li .list-wrap, ul.item-list li .list-wrap),
html body:not(#mft-brand) .mft-group-tile,
html body.bp-user:not(#mft-brand) #activity-stream ul.activity-list > li.activity-item {
	border: 0 !important;
	border-radius: 16px !important;
	background: #fbf5f3 !important;
}
html body:not(#mft-brand) .mft-group-tile:hover {
	background: #f3e6e3 !important;
}

/* 6. Titles: Titan One, normal case, dark ink (page, group, profile and lesson titles) */
html body.mft-club:not(#mft-brand) :is(h1.entry-title, h1.main_title, .et_pb_post_title h1, #item-header-content :is(h1, h2), .mft-profile-name, .mft-group-name, .mft-profile-groups h2, #popup-course .course-item-title, .lp-course-item-title, .content-item-wrap .course-item-title) {
	font-family: "Titan One", Lato, Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: #1e1b18 !important;
}
/* The profile name sits on the dark band, so it stays light */
html body.bp-user:not(#mft-brand) .mft-profile-head .mft-profile-name {
	color: #f5f5f5 !important;
}

/* 7. Comment / favourite / delete under posts: simple icons */
html body:not(#mft-brand) #buddypress .activity-meta :is(a.button, button.button) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #6f3340 !important;
	font-size: 0 !important;
	box-shadow: none !important;
}
html body:not(#mft-brand) #buddypress .activity-meta :is(a.button, button.button) > * {
	display: none !important;
}
html body:not(#mft-brand) #buddypress .activity-meta :is(a.button, button.button)::before {
	font-family: dashicons !important;
	font-size: 20px !important;
	line-height: 1;
	margin: 0 !important;
}
html body:not(#mft-brand) #buddypress .activity-meta .acomment-reply::before { content: "\f101"; }
html body:not(#mft-brand) #buddypress .activity-meta .fav::before { content: "\f154"; }
html body:not(#mft-brand) #buddypress .activity-meta .unfav::before { content: "\f155"; color: #e5103b; }
html body:not(#mft-brand) #buddypress .activity-meta .delete-activity::before { content: "\f182"; }
html body:not(#mft-brand) #buddypress .activity-meta :is(a.button, button.button):hover {
	background: #fbf5f3 !important;
}

/* Cover images are on again: show group covers (the earlier rule hid BuddyPress's grey placeholder) */
html body.bp-nouveau:not(#mft-brand) #buddypress #item-header.groups-header #header-cover-image {
	display: block !important;
	position: relative !important;
	height: 220px !important;
	margin-bottom: 20px;
	border-radius: 16px;
	background-color: #fbf5f3;
	background-size: cover;
	background-position: center;
}

/* Member profile header with cover images on (Nov 2026). The Brand Layer hides the member cover, and BuddyPress
   positions the name block for a 560px avatar (-550px), which pushed the name and Season of life tags up under the
   site header (the stray red and yellow pills). The cover fills the whole dark header band behind the photo and name,
   fading into the dark nav band below. Members without a cover keep the plain dark band. */
html body.bp-user.bp-nouveau:not(#mft-brand) #main-content {
	overflow-x: clip !important;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header {
	position: relative !important;
	isolation: isolate;
	padding-top: 0 !important;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #cover-image-container {
	position: static !important;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #header-cover-image {
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: calc(50% - 50vw) !important;
	right: calc(50% - 50vw) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-size: cover !important;
	background-position: center !important;
	z-index: -1 !important;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #header-cover-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(30, 27, 24, 0.45) 0%, rgba(30, 27, 24, 0.7) 60%, #1e1b18 100%);
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #item-header-cover-image {
	display: flex !important;
	gap: 32px;
	align-items: flex-start;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #item-header-cover-image #item-header-avatar {
	float: none !important;
	margin: 0 !important;
	flex: 0 0 auto;
}
html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #item-header-cover-image #item-header-content {
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	flex: 1 1 auto;
	min-width: 0;
}
@media (max-width: 782px) {
	html body.bp-user.bp-nouveau:not(#mft-brand) #buddypress #item-header #item-header-cover-image {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 16px;
	}
}