/**
 * BUZEECI — Global Styles
 *
 * Platform-wide CSS that applies across multiple pages and components.
 * Module-specific styles live in their own files:
 *   - activity.css       → Activity feed, comments, buttons, media, theatre, post form
 *   - articles.css       → Post interaction buttons (like, comment, repost, views)
 *   - bookmarks.css      → Bookmark widgets, button icons, media grid
 *   - error-pages.css    → Maintenance page & 404 page
 *   - groups.css          → Group directory, header, manage, invites, organizers
 *   - messages.css        → Mini chat widget & full-page messages
 *   - profile-header.css → Profile bio, meta, header actions, mutual followers
 *   - spotlight.css       → Spotlight button, card, forum placeholder
 *   - widgets.css         → Verification, community rules, friend suggestions widgets
 *   - forums.css          → Forums module (core/forums/assets/css/)
 *   - monetization.css    → Premium content gates (custom/monetization/assets/css/)
 *
 * @package    BUZEECI
 * @subpackage assets/css
 * @since      1.1.0
 */

/**
 * TABLE OF CONTENTS
 * =================
 *
 *  0.  CSS Custom Properties
 *  1.  Branding
 *  4.  Global Shared Selectors
 *  5.  Main Layout & Grid
 *  6.  Left Sidebar — Buddypanel Menu
 *  7.  Left Sidebar — Menu Icons
 *  8.  Right Sidebar — Widgets Container
 *  9.  Directory & Profile Navigation Tabs
 * 10.  Member / Group Header
 * 13.  Member Profile & Settings — Edit Forms
 * 14.  Member Profile — Tabs & Inner Pages
 * 20.  Font Sizing Overrides
 * 21.  Subnavigation Pills
 * 24.  Main Header — Icons & Balance
 * 25.  Profile Dropdown Menu
 * 26.  Notices
 * 34.  Verified & Staff Badges
 * 35.  Settings & Edit Profile — Layout
 * 38.  Stories
 * 39.  Page Head Component
 * 40.  Articles & Blog (layout only — buttons in articles.css)
 * 41.  Profile Hover Card
 */


/* ==========================================================================
   0. CSS CUSTOM PROPERTIES & CORE
   Platform-wide design tokens. Extend BuddyBoss's native custom properties
   with BUZEECI-specific variables used across all stylesheets.
   ========================================================================== */

:root {
    --bb-block-radius: 0!important;
    --bm-font-family: Phakelos!important;
    --bm-message-font-size: 15px;
    --bm-text-color: #263340;
    --bzc-alternate-text-color: #536471;
    --bzc-alternate-bckg-color: rgba(0,0,0,0.03);
    --bzc-alternate-dark-color: rgb(207, 217, 222);
}

body,
body.bb-custom-typo,
.bb-custom-typo h1, .bb-custom-typo .h1,
.bb-custom-typo h2, .bb-custom-typo .h2,
.bb-custom-typo h3, .bb-custom-typo .h3,
.bb-custom-typo h4, .bb-custom-typo .h4,
.bb-custom-typo h5, .bb-custom-typo .h5,
.bb-custom-typo h6, .bb-custom-typo .h6 {
    font-family: 'Phakelos', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.site-branding a {
	font-size: 40px!important;
	font-family: buzeeci;
	letter-spacing: -0.4px;
	position: relative;
	top: 2px;
	left: 5px;
}

/* ==========================================================================
   4. GLOBAL SHARED SELECTORS
   Selectors that span activity + non-activity contexts and must remain
   in the global stylesheet to avoid duplication.
   ========================================================================== */

.user-nicename .emoji {
    width: 20px;
    margin: 0px;
    position: relative;
    top: -1px;
}

.bzc-reshare-item-container .activity-item,
.bb-template-v2 .side-panel-inner.is_block {
    border-radius: 16px !important;
}

.content-area:has(article.bp_members),
.content-area:has(article.bp_group),
.content-area:has(article.bp_activity) {
    padding-left: 0px;
    padding-right: 0px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--bb-content-border-color);
    padding-bottom: 0px;
}

#cover-image-container,
.activity-list>.activity-item,
.activity-form {
    border-left: 0px !important;
    border-right: 0px !important;
}

#cover-image-container {
    border-bottom: 0px;
}

#buddypress #item-header-cover-image #item-header-avatar {
    margin-top: -95px;
    margin-right: 0px !important;
}

.bp-generic-meta {
    border: 0px !important;
}

.wb-stories-buddypress-activities .wp-stories-user-stories {
    margin-bottom: 0;
    padding: 14px;
}

.stories.carousel {
    padding: 0 5px;
}


/* ==========================================================================
   5. MAIN LAYOUT & GRID
   ========================================================================== */

#secondary-right {
    padding: 20px 0 0 20px;
    min-width: 340px;
}

.bb-grid:has(.bzc-layout-fix) {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.widget-area:not(.widget-area-secondary) {
    flex: 0 0 260px;
}

.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #primary,
body.buddypress.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #page #primary {
    max-width: 940px;
}

#page:has(#primary) {
    overflow: hidden;
}

#page:has(.bp-messages-wrap-main)>header,
#page:has(.bp-messages-wrap-main)>div {
    padding-right: 25px;
}

#primary {
    position: relative;
}

#primary:not(:has(.error-404, .bp-messages-wrap-main, .notifications-header)):before,
#primary:has(#activity-stream, .settings-title, .bb-profile-title, #mepr-bp-info-personal-li):after {
    content: '';
    position: absolute;
    top: 0;
    bottom: -100vh;
    width: 1px;
    background-color: var(--bb-content-border-color);
}

#primary:before {
    left: -1px;
}

#primary:has(#activity-stream, .settings-title, .bb-profile-title, #mepr-bp-info-personal-li):after {
    right: -1px;
}

.bzc-correct-order {
    order: -1;
}

#primary:has(+#secondary +#secondary-right) {
    border-right: 1px solid var(--bb-content-border-color);
}

#primary:has(+.bzc-layout-fix) {
    border-left: 1px solid var(--bb-content-border-color);
    padding-left: 30px;
}

#primary:has(.notifications.dir-list) {
    padding: 20px 15px;
    border: none;
}


/* ==========================================================================
   6. LEFT SIDEBAR — BUDDYPANEL MENU
   ========================================================================== */

#secondary .side-panel-menu-container .menu-item-has-children .sub-menu {
    position: absolute;
    bottom: 0px;
    left: -5px;
    overflow: hidden;
    background-color: white;
    border-radius: 16px;
    padding: 0;
    min-width: 120%;
    box-shadow: 0 6px 24px 0 rgba(0,0,0,.12),0 3px 8px 0 rgba(0,0,0,.06);
}

#secondary .side-panel-menu-container .menu-item-has-children .sub-menu>li {
    padding: 0 20px;
    margin-bottom: 0;
}

#secondary .side-panel-menu-container .menu-item-has-children .sub-menu>li:hover {
    background-color: var(--bb-content-alternate-background-color);
}

#secondary .side-panel-menu-container .menu-item-has-children .sub-menu>li>a:hover {
    background-color: transparent!important;
}

#secondary .side-panel-menu-container .menu-item-has-children .sub-menu>li i {
    left: -7px;
    position: relative;
}

#secondary .side-panel-inner {
    overflow: visible;
}

#secondary .side-panel-menu-container .menu-item-has-children .bs-submenu-toggle {
    display: none;
}

#secondary .side-panel-menu-container ul li .bb-icon-file:before {
    content: '';
    background-size: 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 1px;
    left: 2px;
}

#secondary .side-panel-menu-container ul li .link-text {
    margin-left: 5px;
    font-weight: 600;
}

.buddypanel-menu li.current-menu-item>.bb-menu-item span {
    font-weight: 600 !important;
}

.buddypanel-menu a {
    font-size: 21px !important;
	padding: 11px 0!important;
}

.side-panel-inner.is_block .buddypanel-menu-block li {
    margin-bottom: 2px;
}

.buddypanel-menu>li>.bb-menu-item>img {
    width: 25px;
}

.buddypanel-menu>li>.bb-menu-item span {
    font-weight: 400 !important;
}

.bb-template-v2 ul.buddypanel-menu>li>a>img:first-child {
    margin: 0 20px 0 14px;
}

#block-17, #block-44, #block-65, #block-29, #block-31, #block-33, #block-44, #block-35, #block-27 {
	padding: 0 15px 0 0!important;
}

.bb-template-v2 .side-panel-inner.is_block .buddypanel-menu-block li.current-menu-item>a,
.bb-template-v2 .widget.widget_block .side-panel-inner.is_block .buddypanel-menu-block li.current-menu-item>a {
    border-radius: 25px;
    background-color: var(--bb-content-border-color);
    color: #0F1419;
}

.bb-template-v2 .widget.widget_block .side-panel-inner.is_block .buddypanel-menu-block li a:hover {
    border-radius: 25px;
}

#secondary .widget.widget_block {
    border: none;
}

.current-menu-ancestor ul.sub-menu>.current-menu-item>a {
    background-color: transparent!important;
}


/* ==========================================================================
   7. LEFT SIDEBAR — MENU ICONS
   ========================================================================== */

#secondary .side-panel-menu-container ul li.menu-item-418 .bb-icon-file:before {
    background-image: url(../img/menu/home.svg);
}

#secondary .side-panel-menu-container ul li.current-menu-item.menu-item-418 .bb-icon-file:before {
    background-image: url(../img/menu/home-current.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-722 .bb-icon-file:before {
    background-image: url(../img/menu/explore.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-434 .bb-icon-file:before {
    background-image: url(../img/menu/photos.svg);
    background-size: 22px;
}

#secondary .side-panel-menu-container ul li.menu-item-803 .bb-icon-file:before {
    background-image: url(../img/menu/messages.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-1161 .bb-icon-file:before {
    background-image: url(../img/menu/bookmark.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-439 .bb-icon-file:before {
    background-image: url(../img/menu/users.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-420 .bb-icon-file:before {
    background-image: url(../img/menu/communities.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-421 .bb-icon-file:before {
    background-image: url(../img/menu/discussions.svg);
    background-size: 24px;
}

#secondary .side-panel-menu-container ul li.menu-item-549 .bb-icon-file:before {
    background-image: url(../img/menu/articles.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-433 .bb-icon-file:before {
    background-image: url(../img/menu/videos.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-422 .bb-icon-file:before {
    background-image: url(../img/menu/events.svg);
}

#secondary .side-panel-menu-container ul li.menu-item-7420 .bb-icon-file:before {
	background-image: url(../img/menu/ultragay.svg);
}


/* ==========================================================================
   8. RIGHT SIDEBAR — WIDGETS CONTAINER
   ========================================================================== */

#secondary-right>div .widget {
    border-radius: 16px;
    border: 1px solid var(--bb-content-border-color) !important;
}


/* ==========================================================================
   9. DIRECTORY & PROFILE NAVIGATION TABS
   Shared tab styling for groups-nav, users-nav, members-type-navs.
   ========================================================================== */

:is(.groups-nav, .users-nav, .members-type-navs) li.selected a>div {
    border-bottom-width: 4px!important;
    padding-bottom: 15px!important;
}

:is(.groups-nav, .users-nav)+div .activity-form {
    border-top: 0!important;
}

:is(.users-nav, .groups-nav, .members-type-navs)>ul>li:not(.selected) a {
    color: var(--bzc-alternate-text-color) !important;
}

.users-nav,
.groups-nav,
.members-type-navs {
    padding: 0px !important;
    margin: 10px 0 0 !important;
}

#post-9 .component-navigation>li.selected.loading a:after {
    display: none !important;
}

.users-nav ul,
.groups-nav ul,
.members-type-navs ul {
    display: flex;
}

.users-nav ul li,
.groups-nav ul li,
.members-type-navs ul li {
    padding: 0 !important;
    flex-basis: 100%;
}

.users-nav ul li:hover,
.groups-nav ul li:hover,
.members-type-navs ul li:hover {
    background-color: #0f14191a;
    transition: 0.2s;
}

.users-nav ul li a,
.groups-nav ul li a,
.members-type-navs ul li a {
    text-align: center;
    padding: 11px 0 !important;
    font-weight: 600;
    color: var(--bzc-alternate-text-color);
}

:is(.groups-nav, .users-nav) ul li .bb-single-nav-item-point,
.members-type-navs ul li .bb-component-nav-item-point {
    border-bottom: 4px solid var(--bb-primary-color);
    padding-bottom: 14px !important;
    font-weight: 600;
}

.user-wrap.user-wrap-container:hover>.sub-menu {
    opacity: 1;
    transition: 0.2s;
    visibility: visible;
}

.item-header-wrap {
    padding-bottom: 0px !important;
    justify-content: space-between;
}


/* ==========================================================================
   10. MEMBER / GROUP HEADER
   ========================================================================== */

@media screen and (min-width:981px) {
    .member-header-actions-wrap div {
        margin-top: 0px !important;
    }
}

#buddypress div.bp-profile-content table.profile-fields tr td {
    font-size: 15px;
}

#buddypress table.profile-fields tr td.label {
    color: var(--bzc-alternate-text-color);
}

.member-header-actions-wrap {
    margin-top: 10px;
    flex-direction: row-reverse !important;
}

#cover-image-container .user-nicename,
.bp-group-title-wrap h2 {
    font-size: 20px !important;
}

.groups-header #item-header-cover-image {
    flex-direction: column !important;
}

.groups-header #item-header-content {
    align-self: stretch;
}

.group-actions-absolute {
    flex-flow: row-reverse !important;
    top: -70px !important;
}

.groups-header #item-header-content .group-actions-absolute .bb_more_options .bb_more_options_action:hover {
    background-color: var(--bb-secondary-button-background-hover);
    border-color: var(--bb-secondary-button-background-hover);
}

.groups-header #item-header-content .group-actions-absolute .bb_more_options .bb_more_options_action:hover i {
    color: var(--bb-secondary-button-text-hover) !important;
}

#group-messages-groups-li {
    display: none;
}

.item-header-wrap .bp-group-title-wrap {
    max-width: 100% !important;
}

.bb-cover-image-container .member-title-wrap {
    margin: 20px 0 0px;
}

.bb-cover-image-container .user-nicename {
    margin-bottom: 2px !important;
}

.bp-profile-content .profile:not(.public) {
    padding: 0px;
}

#cover-image-container {
    padding: 15px 15px 0;
}

body #buddypress .users-header #header-cover-image,
body #buddypress #header-cover-image {
    margin: -15px -15px 0;
}



/* ==========================================================================
   13. MEMBER PROFILE & SETTINGS — EDIT FORMS
   ========================================================================== */

.bb-bp-settings-content {
    border: none !important;
    padding: 0 0 0 30px !important;
}

.profile.public .group-separator-block {
    border: none;
    padding: 0 20px;
}

.profile.public .group-separator-block h1 {
    font-size: 24px;
}

.bb-profile-grid .bb-media-container {
    border-width: 1px 0 0 0;
    margin-bottom: 50px;
}

.buddypress-wrap .bp-tables-report tbody tr:nth-child(odd), 
.buddypress-wrap .bp-tables-user tbody tr:nth-child(odd) {
	background: initial;
}

.buddypress-wrap .bp-tables-report tbody tr:nth-child(odd):hover, 
.buddypress-wrap .bp-tables-user tbody tr:nth-child(odd):hover {
	background-color: var(--bb-content-alternate-background-color);
}


/* ==========================================================================
   14. MEMBER PROFILE — TABS & INNER PAGES
   ========================================================================== */

#bp-new-post:hover {
    color: var(--bb-secondary-button-text-hover) !important;
    background-color: var(--bb-secondary-button-background-hover) !important;
}

/* --- Group Membership Request Form --- */

#item-body:has(#request-membership-form) {
    padding: 20px;
    margin: 0 10px;
}

#item-body:has(#request-membership-form):before {
    content: 'Request access';
    font-weight: 800;
    font-size: 24px;
    display: inline-block;
    margin-bottom: 23px;
}

#item-body:has(#request-membership-form)>p {
    font-size: 0;
}

#item-body:has(#request-membership-form)>p:before {
    content: 'Why should we let you in? Wrong answers only, but make it gay.';
    font-size: 15px;
}


/* ==========================================================================
   20. FONT SIZING OVERRIDES
   ========================================================================== */

#buddypress .single-headers .item-meta span {
    font-size: 16px;
    position: relative;
    top: -3px;
    color: var(--bzc-alternate-text-color);
}

.user-name,
.post-grid .entry-content {
    font-size: 16px;
}

.member-name a {
    font-weight: 600;
}

.bp-navs ul:not(.subnav) li a {
    font-size: 16px !important;
}

.header-dropdown #user-report-8 button,
.member-dropdown .bb_more_dropdown .report-content {
    font-weight: 400 !important;
}

.mp_wrapper.mp-no-subs {
    font-size: 15px;
}

#buddypress .members-list>li .primary-action .generic-button>* {
    font-weight: 700;
    font-size: 16px !important;
}

.bbp-reply-author .bbp-author-name {
    font-size: 16px !important;
}

.avatar-nav-items li a {
    font-size: 15px;
}

.subscription-items .subscription-item_detail .subscription-item_title,
.subscription-items>p {
    font-size: 15px;
}

.notification-dropdown .notification-header {
    padding-top: 15px;
}

.notification-dropdown .notification-header h2 {
    font-size: 20px;
}

.buddypress-wrap .bb-accordion .bb-accordion_title {
    font-size: 18px;
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage,
#notifications-bulk-management #notification-select,
.bs-item-wrap .notification-content {
    font-size: 15px;
}

.notifications-header #notifications-my-notifications-personal-li,
.notifications-header #read-personal-li {
    margin-bottom: 0 !important;
}

.button,
input[type="submit"] {
    font-weight: 700 !important;
}

a.button.small,
#bp-new-post-personal-li a {
    font-size: 16px !important;
    min-height: 36px !important;
    line-height: 36px !important;
}

#bp-new-post-personal-li a {
    text-transform: capitalize !important;
    padding: 0 20px;
    font-weight: 700;
}

#bp-new-post-personal-li {
    position: absolute;
    top: 20px;
    right: 20px;
}

.subnav_tab .subnav li a {
    font-size: 16px;
	border-bottom-width: 3px!important;
}

.buddypress-wrap .bp-tables-report td,
.buddypress-wrap .bp-tables-user td,
#bbpress-forums#bbpress-forums .bs-forums-items.list-view .item-meta,
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
    font-size: 15px;
}

#bbpress-forums#bbpress-forums .bs-forums-items .item-title a {
    font-weight: 700;
    font-size: 18px;
}

.bs-single-forum-list .item-meta h3 {
    font-size: 16px;
}

.bp_members .bb-profile-grid :is(h2.favorite-topics-screen, h2.forum-replies-screen, h2.topics-started-screen),
.bbp-user-topics-started .bb-icon-reply,
.bbp-user-favorites .bb-icon-reply,
.bbp-user-topics-started .bbp-author-link-sep,
.bbp-user-favorites .bbp-author-link-sep {
    display: none;
}

.groups.mygroups .communities-list .list-wrap .item .last-activity.item-meta {
    font-size: 13px;
}

.friends-request-list .member-request-list-wrap h2 {
    margin-bottom: 0 !important;
}

.friends-request-list .member-request-list-wrap .item {
    align-content: center;
}


/* ==========================================================================
   24. MAIN HEADER — ICONS & BALANCE
   ========================================================================== */

.header-aside .sub-menu-inner a>img.avatar {
	max-width: 40px!important;
}

.header-aside-inner>div:not(.user-wrap) .bb-icon-inbox:before,
.header-aside-inner>div:not(.user-wrap) .bb-icon-bell:before {
    content: '';
    font-family: initial;
    display: inline-block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5px;
}

.header-aside-inner>div:not(.user-wrap) .bb-icon-inbox:before {
    background-image: url(../img/send-message.svg);
}

.header-aside-inner>div:not(.user-wrap) .bb-icon-bell:before {
    background-image: url(../img/header/notifications.svg);
    margin-top: 6px;
    width: 22px;
    height: 22px;
}

.bzc-balance-inner:before {
    background-image: url(../img/tip.svg);
    content: '';
    font-family: initial;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 3px;
}

.bzc-balance span.count {
    background-color: var(--bb-primary-color);
    line-height: 1.6;
    font-size: 9px;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    right: -4px;
    padding: 1px 6px;
    position: absolute;
}

.delete-all>.bb-icon-l.bb-icon-angle-right,
.bpbm-user-blacklist-empty svg {
    display: none !important;
}

.notification-footer a {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--bm-text-color) !important;
}


/* ==========================================================================
   25. PROFILE DROPDOWN MENU
   ========================================================================== */

.header-aside-inner .user-wrap-container .sub-menu {
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
}

.header-aside-inner .sub-menu-inner>li:first-child {
	display: block;
}

.header-aside-inner .user-wrap-container .sub-menu .user-link {
    margin: 0;
    border-radius: 0;
	padding: 15px 15px 10px;
	display: flex;
	align-items: center;
}

.header-aside-inner .user-wrap-container .sub-menu .user-link .user-name {
    font-size: 15px;
    line-height: 1;
	font-weight: 600;
}

.header-aside-inner .user-wrap-container .sub-menu .user-link .user-mention {
    font-size: 13px;
}

.header-aside-inner .user-wrap-container .bb-my-account-menu :is(li, li.current-menu-item) a {
    font-size: 20px;
    font-weight: 600!important;
    margin: 0;
    border-radius: 0;
    padding: 15px 20px 15px 50px!important;
}

.header-aside-inner .user-wrap-container .bb-my-account-menu li a:before {
    content: '';
    width: 23px;
    height: 23px;
    margin-right: 20px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    position: absolute;
    left: 15px;
    top: 14px;
}

.header-aside-inner .bb-my-account-menu li.menu-item-1354 a:before {
    background-image: url(../img/header/edit-dropdown.svg);
}

.header-aside-inner .bb-my-account-menu li.menu-item-1356 a:before {
    background-image: url(../img/header/wallet-dropdown.svg);
    background-size: 20px;
}

.header-aside-inner .bb-my-account-menu li.menu-item-8058 a:before {
    background-image: url(../img/header/events-dropdown.svg);
    background-size: 21px;
}

.header-aside-inner .bb-my-account-menu li.menu-item-7418 a:before {
    background-image: url(../img/header/creator-studio-dropdown.svg);
}

.header-aside-inner .bb-my-account-menu li.menu-item-1355 a:before {
    background-image: url(../img/header/settings-dropdown.svg);
}

.header-aside-inner .bb-my-account-menu li.menu-item-8097 a:before {
    background-image: url(../img/header/membership-dropdown.svg);
}

.header-aside-inner .bb-my-account-menu li.menu-item-1358 a:before {
    background-image: url(../img/header/article-dropdown.svg);
}

.header-aside-inner .bb-my-account-menu li.menu-item-1359 a:before {
    background-image: url(../img/header/signout-dropdown.svg);
}

.header-aside-inner .user-wrap-container .bb-my-account-menu li a:hover {
    font-weight: 600!important;
}


/* ==========================================================================
   26. NOTICES
   ========================================================================== */

.bp-template-notice.updated {
    border-radius: var(--bb-block-radius-inner);
    border: 1px solid var(--bb-content-border-color);
    max-height: 51px !important;
    position: relative;
}

.bp-template-notice.updated:before {
    content: "\e876";
    font-family: bb-icons;
    color: var(--bb-content-background-color);
    display: flex;
    position: absolute;
    background-color: var(--bb-success-color);
    height: 100%;
    width: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 6px 0 0 6px;
    font-weight: 200;
    font-size: 20px;
}

.bp-template-notice.updated p {
    border: none !important;
    background-color: transparent !important;
    color: var(--bb-body-text-color) !important;
    padding: 11px 70px !important;
    margin: 0 !important;
    font-size: 14px !important;
}




/* ==========================================================================
   35. SETTINGS & EDIT PROFILE — LAYOUT
   ========================================================================== */

.bzc-profile-settings {
    order: -1;
}

.bb-grid:has(>.bzc-profile-settings) {
    flex-direction: row !important;
}

.bzc-three-columns,
.bzc-three-columns .bb-profile-grid,
.bzc-three-columns .item-body-inner>div>nav {
    padding: 0 !important;
}

.bzc-three-columns .item-body-inner>div>nav {
    flex: 0 0 265px !important;
}

.bzc-three-columns .item-body-inner>div>nav:before {
    content: '';
}

.bzc-three-columns .item-body-inner>header h1,
.bzc-three-columns .item-body-inner>div h2,
.bzc-three-columns .item-body-inner>div>div .moderation:before {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.bzc-three-columns .item-body-inner>header {
    padding: 7px 16px;
    margin-bottom: 0;
}

.bzc-three-columns .item-body-inner>div>div {
    position: relative;
    top: -50px;
    padding: 14px 16px 0 !important;
}

.bzc-three-columns .item-body-inner>div>div:before {
    content: '';
    width: 1px;
    height: 200%;
    position: absolute;
    background-color: var(--bb-content-border-color) !important;
    left: 0px;
    top: -15px;
    z-index: 10;
}

.bzc-three-columns .item-body-inner>div>nav>ul li:after {
    content: '' !important;
    background-image: url(../img/header/arrow-right.svg) !important;
    background-color: transparent!important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    position: absolute !important;
    background-position: center;
    background-size: contain !important;
    right: 14px;
    top: 14px !important;
    left: initial !important;
}

.bzc-three-columns .item-body-inner>div>nav>ul li a:before {
    display: none !important;
}

.bzc-three-columns .item-body-inner>div>nav>ul li a {
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    margin-bottom: 0 !important;
}

.bzc-three-columns .item-body-inner>div>nav>ul :is(.selected, .current) a {
    background-color: var(--bb-content-alternate-background-color) !important;
    color: initial !important;
    border-right: 2px solid var(--bb-primary-color) !important;
}

.bzc-three-columns .item-body-inner>div>nav>ul li {
    margin-bottom: 0 !important;
    position: relative;
}


/* ==========================================================================
   39. PAGE HEAD COMPONENT
   ========================================================================== */

.bzc-page-head {
    display: flex;
    flex-direction: row;
    padding: 10px 5px 5px;
    align-items: center;
}

.bzc-page-head-body {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    min-height: 44px;
    margin-left: 15px;
}

.bzc-page-head-body a {
    font-size: 13px;
    line-height: 23px;
    margin-left: 1px;
}


/* ==========================================================================
   40. ARTICLES & BLOG
   Single article pages (.bzc-articles-superclass), blog index styling,
   and post-level interaction buttons (.bzc-superclass-post-buttons).
   ========================================================================== */

/* --- Single Article Page --- */

.bzc-articles-superclass {
    padding: 0!important;
}

.bzc-articles-superclass .post-author {
    font-size: 15px;
    font-weight: 600;
}

.bzc-articles-superclass .entry-content a {
    color: initial;
    text-decoration: underline;
}

.bzc-article-h-desc {
    font-size: 13px;
    line-height: 23px;
}

.bzc-articles-superclass .primary-entry-content {
    padding: 15px 15px 0;
}

.bzc-articles-superclass .primary-entry-content :is(.entry-media, .entry-meta) {
    margin-bottom: 15px;
    border-radius: 0!important;
}

.bzc-articles-superclass .entry-header h1 {
    font-size: 34px;
}

.bzc-articles-superclass .bzc-page-head.bzc-posts {
    justify-content: space-between;
}

/* --- Article Comments --- */

.bzc-articles-superclass #comment-error {
    display: none!important;
}

.bzc-articles-superclass .comment-respond {
    margin: 0;
    padding: 0 15px;
    border-width: 0 0 1px 0;
    box-shadow: none;
}

.bzc-articles-superclass :is(.comment-text, .comment-author a) {
    font-size: 15px;
}

.bzc-articles-superclass .comment-form>p {
    display: inline;
}

.bzc-articles-superclass p.form-submit {
    display: flex;
    margin-top: 10px;
}

.bzc-articles-superclass .comment-form textarea {
    font-size: 18px;
    border: 0;
    width: calc(100% - 60px);
    resize: none;
    max-height: initial;
    height: 40px;
    padding: 7px 0 0;
    margin-left: -6px;
}

.bzc-articles-superclass .comment-form {
    padding-bottom: 15px;
}

.bzc-articles-superclass .comment-respond:not(.bb-active) .comment-form {
    padding-bottom: 30px;
}

.bzc-articles-superclass .comment-respond:not(.bb-active) textarea {
    width: 70%;
}

.bzc-articles-superclass .comment-respond:not(.bb-active) .form-submit {
    position: absolute;
    top: -6px;
    right: 15px;
}

.bzc-articles-superclass .comment-form textarea:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.bzc-articles-superclass .form-submit input {
    font-size: 15px;
    line-height: 10px;
}

.bzc-articles-superclass .comment-list>li>article {
    padding: 15px;
    margin-bottom: 0;
    border: none;
}

.bzc-articles-superclass .comment-list>li {
    border-bottom: 1px solid var(--bb-content-border-color);
    padding: 5px 0 10px;
}

.bzc-articles-superclass .comments-area {
    min-height: 200px;
}

.bzc-articles-superclass .comments-area li.comment:last-child {
    margin-bottom: 50px;
}

.bzc-articles-superclass .bzc-closed-comments-notice {
    margin: -20px 15px 5px;
    line-height: 22.5px;
}

.bzc-articles-superclass .comment-meta {
    line-height: 1;
    margin-top: 3px;
}

.bzc-articles-superclass .comment-text {
    line-height: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
}

.bzc-articles-superclass .comment-footer {
    justify-content: space-between;
}

.bzc-articles-superclass .comment-footer :is(.comment-edit-link, .comment-date) {
    font-size: 15px;
    margin: 0;
}

.bzc-articles-superclass .comment-content-wrap {
    padding-left: 5px;
}

.bzc-articles-superclass :is(.comment-awaiting-moderation, .comment-date, .bzc-comment-mention) {
    color: var(--bzc-alternate-text-color)!important;
    margin-right: 5px!important;
}

.bzc-articles-superclass .comment-awaiting-moderation {
    font-weight: 600;
    margin-top: -20px;
    padding-top: 10px;
}

.bzc-articles-superclass .comment-author:has(+.comment-content-wrap .comment-awaiting-moderation) {
    padding-top: 10px;
}

.bzc-articles-superclass .comment-awaiting-moderation:before {
    content: '';
    display: inline-block;
    background-image: url(../img/edited.svg);
    width: 14px;
    cursor: pointer;
    height: 14px;
    background-size: cover;
    position: relative;
    top: 2px;
    margin: 0 4px 0 -19px;
}

/* --- Article Meta & Footer --- */

.bzc-articles-superclass .post-meta-wrapper-main {
    padding: 0 15px;
}

.bzc-articles-superclass .post-meta-wrapper-main .bzc-superclass-post-buttons {
    border-top: 1px solid var(--bb-content-border-color);
    padding: 4px 1px;
}

.bzc-articles-superclass .bzc-post-meta-timestamp {
    padding: 0 15px 5px;
    color: var(--bzc-alternate-text-color);
}

.bzc-articles-superclass .bzc-post-meta-timestamp .bzc-post-footer-views>span {
    color: var(--bb-body-text-color);
    font-weight: 600;
}



/* ==========================================================================
   41. PROFILE HOVER CARD
   Popup card shown on hover over user avatars and names. Rendered by
   BuddyBoss's .bb-popup-card / .bb-profile-card system.
   ========================================================================== */

.bb-popup-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.06);
    padding: 16px;
}

.bb-profile-card.bb-popup-card {
    max-width: 300px;
    min-width: 300px;
}

.bb-profile-card .bb-card-body {
    display: block;
}

.bb-profile-card .bb-card-body .bb-card-action-follow button {
    color: white!important;
    background-color: var(--bb-primary-button-background-regular)!important;
    font-weight: 700;
    font-size: 15px;
    border: none!important;
}

.bb-profile-card .bb-card-body .bb-card-action-follow button:hover {
    background-color: var(--bb-primary-button-background-hover)!important;
    border: none!important;
}

.bb-profile-card h4 {
    margin-top: 10px!important;
    font-weight: 600;
}

.bb-profile-card .bb-card-avatar img {
    min-width: 64px;
    width: 64px;
}

.bb-profile-card .follow-button i,
.bb-profile-card .bb-card-meta .card-meta-item::after {
    display: none;
}

.bb-profile-card .bb-card-heading {
    font-size: 17px;
    line-height: 19px;
}

.bzc-profile-card-mention-name {
    font-size: 15px;
    color: var(--bzc-alternate-text-color);
    font-weight: 400;
}

.bb-profile-card .bzc-card-superclass.card-meta-bio {
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 9px;
}

.bb-profile-card .bzc-card-header {
    display: flex;
    justify-content: space-between;
}

.bb-profile-card .bb-card-footer .card-button {
    height: 35px;
    line-height: 34px!important;
    font-weight: 700;
    font-size: 15px;
}

.bb-profile-card .bb-card-footer {
    margin: 20px -2px 0;
}

.bb-profile-card .bzc-mutual-followers-pictures {
    margin-right: 10px;
}

.bb-profile-card .bzc-mutual-followers-text {
    white-space: normal;
    line-height: 11px;
    margin-top: 1px;
    flex-shrink: 2;
}

.bb-profile-card .card-meta-bzc-followers {
    margin: 10px 0 5px;
    text-transform: capitalize;
}

.bb-profile-card .bb-card-avatar .card-profile-status {
    right: 0!important;
}

.bb-profile-card .bb-card-meta span {
    color: var(--bzc-alternate-text-color);
    font-size: 15px;
}

.bb-profile-card :is(.bzc-card-metas, .bzc-card-metas>span) {
    line-height: 12px;
}

.bb-profile-card .card-meta-last-active:before,
.bb-profile-card .card-meta-joined:before,
.bb-profile-card .card-meta-website:before,
.bb-profile-card .card-meta-location:before {
    margin-right: 3px;
    top: 4px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BuddyBoss Profile Sub-Page Overrides
   Used by Wallet, Creator Studio, Membership, and any future sub-pages
   that use the settings-container + subnav template pattern.
   ═══════════════════════════════════════════════════════════════════════════ */

body {
    line-height: inherit !important;
}

.bp-settings-container .bb-bp-settings-content {
    min-width: 0;
}

.entry-header h1 {
    padding: 7.5px 0;
}

/* ── Subnav section titles (via bzc_subnav_section_titles filter) ───────── */

.bzc-subnav-section {
    list-style: none;
    padding: 16px 16px 10px;
    pointer-events: none;
}
.bzc-subnav-section:first-child {
    padding-top: 4px;
}
.bzc-subnav-section__title {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}