@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/anton-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/instrument-sans-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Radio Canada Big';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/radio-canada-big-variable.woff2') format('woff2');
}

body {
	-webkit-font-smoothing: antialiased;
}

.lugbn-member-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    z-index: 9999;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    border-radius: 4px;
}

.lugbn-member-dropdown li {
    padding: 10px 14px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.lugbn-member-dropdown li:hover {
    background-color: #EAF3EE;
}

.lugbn-member-dropdown li.lugbn-no-results {
    color: #999;
    cursor: default;
}

.gfield:has(.lugbn-member-dropdown) {
    position: relative;
}

li#mepr-bp-subscriptions-personal-li {
    display: none!important;
}

body.viewing-other-profile #bb-rl-activity-form.bb-rl-activity-update-form,
body.viewing-other-profile .bb-rl-activity-update-form {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

body.lu-no-left-panel #secondary.bb-rl-left-panel {
    display: none !important;
}

body.lu-no-left-panel .site.bb-readylaunch {
    margin-left: 0 !important;
}

.lugbn-header-bio {
    margin: 6px 0;
    color: #444;
    font-size: 14px;
    line-height: 1.5;
    max-width: 60ch;
}

.lugbn-header-bio p {
    margin: 0;
}

.member-social-links {
    display: none !important;
}

#gform_wrapper_2 .gfield.gfield_visibility_hidden {
	display: none;
}

#gform_wrapper_2 .lugbn-round-log-intro {
	margin: 0 0 12px;
    font-size: 14px;
    color: var(--lu-color-caddy);
    line-height: 1.4;
    font-style: italic;
}

::placeholder {color: var(--lu-color-caddy);}

/* ─── Roadmap list (page-membership.php) ──────────────────────────────────── */

.lu-roadmap {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.lu-roadmap li {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 4px 20px;
	align-items: start;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--lu-color-rough, #D4D8D0);
}

.lu-roadmap li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.lu-roadmap-tier {
	grid-row: span 2;
	align-self: center;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--lu-color-deep-forest, #032E1C);
	white-space: nowrap;
}

.lu-roadmap li strong {
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-size: 17px;
	color: var(--lu-color-deep-forest, #032E1C);
}

.lu-roadmap li > span:last-child {
	color: var(--lu-color-caddy, #6B7570);
	font-size: 15px;
	line-height: 1.4;
}

.lu-roadmap-note {
	margin-top: 32px;
	font-size: 14px;
	color: var(--lu-color-caddy, #6B7570);
}

@media (max-width: 560px) {
	.lu-roadmap li {
		grid-template-columns: 1fr;
	}

	.lu-roadmap-tier {
		grid-row: auto;
	}
}


/* ─── Site header ─────────────────────────────────────────────────────────── */
#site-logo .site-title a,
.mobile-logo-wrapper .site-title a {
	display: block;
	width: 178px;
	max-width: 100%;
	height: 46px;
	background-image: url('../images/lug-logo-light.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

.mobile-logo-wrapper .site-title a {
	width: 148px;
	height: 40px;
	margin: 0 auto;
	background-position: center;
}

#site-logo img {
	max-height: 46px;
	width: auto;
}

@media (max-width: 800px) {
	#site-logo .site-title a {
		width: 148px;
		height: 40px;
		background-position: center;
	}
}

.header-aside .notification-link i.bb-icon-inbox,
.header-aside .notification-link i.bb-icon-bell {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.header-aside .notification-link i.bb-icon-inbox::before,
.header-aside .notification-link i.bb-icon-bell::before {
	content: none;
}

.header-aside .notification-link i.bb-icon-inbox {
	background-image: url('../images/icons/inbox-icon.svg');
}

.header-aside .notification-link i.bb-icon-bell {
	background-image: url('../images/icons/notification-icon.svg');
}

/* ─── Tier avatar rings ───────────────────────────────────────────────────── */
img.avatar.lugbn-avatar--birdie,
.lugbn-avatar--birdie > img.avatar {
	box-shadow: 0 0 0 2px #D6AE5D;
	border: none !important;
}

img.avatar.lugbn-avatar--par,
.lugbn-avatar--par > img.avatar {
	box-shadow: 0 0 0 2px #B5EB79;
	border: none !important;
}

body.lu-viewer-birdie .header-aside .user-wrap .user-link img.avatar {
	box-shadow: 0 0 0 2px #D6AE5D;
}


.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected > .user-link::before,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover::before,
.bb-template-v2 .site-header .header-aside.avatar .user-wrap.menu-item-has-children.selected > .user-link::before,
.bb-template-v2 .site-header .header-aside.avatar .user-wrap.menu-item-has-children > .user-link:hover::before {
	display: none !important;
}


.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected > .user-link .user-name,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected > .user-link i,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover .user-name,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover i,
.header-aside .user-wrap:hover .user-link .user-name,
.header-aside .user-wrap:hover .user-link i {
	color: var(--lu-color-birdie-lime, #B5EB79) !important;
}

.header-aside .user-wrap .sub-menu .user-link .user-name {
	color: var(--lu-color-deep-forest, #032E1C) !important;
}

#header-my-account-menu.bb-my-account-menu li > a:hover,
#header-my-account-menu.bb-my-account-menu li > a:focus,
#header-my-account-menu.bb-my-account-menu li.current-menu-item > a {
	background: transparent !important;
	color: var(--lu-color-electric-turf, #1FCB60) !important;
}

#header-my-account-menu.bb-my-account-menu li > a:hover i,
#header-my-account-menu.bb-my-account-menu li > a:focus i,
#header-my-account-menu.bb-my-account-menu li.current-menu-item > a i {
	color: var(--lu-color-electric-turf, #1FCB60) !important;
}


/* ─── Member badges ───────────────────────────────────────────────────────── */

.lugbn-dashboard-badge,
.bp-member-type.bb-current-member-birdie,
.bp-member-type.bb-current-member-par,
.bp-member-type.bb-current-member-bogey {
	display: inline-block;
	padding: 4px 6px;
	border-radius: var(--lu-radius-sm, 4px);
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: middle;
    line-height: 1;
}

.lugbn-dashboard-badge--tier,
.bp-member-type.bb-current-member-birdie,
.bp-member-type.bb-current-member-par,
.bp-member-type.bb-current-member-bogey {
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-dashboard-badge--birdie,
.bp-member-type.bb-current-member-birdie {
	background: var(--lu-color-gold, #D6AE5D);
	margin-left: 8px;
}

.lugbn-dashboard-badge--par,
.bp-member-type.bb-current-member-par {
	background: var(--lu-color-birdie-lime, #B5EB79);
	margin-left: 8px;
}

.lugbn-dashboard-badge--bogey,
.bp-member-type.bb-current-member-bogey {
	background: var(--lu-color-rough, #D4D8D0);
	margin-left: 8px;
}

.lugbn-dashboard-badge--founding {
	background: var(--lu-color-electric-turf, #1FCB60);
	color: var(--lu-color-deep-forest, #032E1C);
}

#item-header-avatar .lugbn-dashboard-badge--founding {
	display: none;
}

/* ─── Sidebar widgets ─────────────────────────────────────────────────────── */

.widget.lugbn-widget,
#secondary-right .widget.widget_bp_core_friends_widget {
	background: var(--lu-color-white, #fff);
	border: none;
	border-radius: var(--lu-radius-md, 8px);
	padding: 16px;
	margin-bottom: 20px;
}

.widget.lugbn-widget.lugbn-widget-log-a-round,
.widget.lugbn-widget:has(> .lugbn-dashboard-stat-card) {
	background: transparent;
	padding: 0;
	border-radius: 0;
}

.widget.lugbn-widget.lugbn-widget-log-a-round > .lugbn-dashboard-stat-card,
.widget.lugbn-widget:has(> .lugbn-dashboard-stat-card) > .lugbn-dashboard-stat-card {
	padding: 16px;
}

.lugbn-widget .widget-title,
#secondary-right .widget_bp_core_friends_widget .widget-title {
	margin: 0 0 16px;
	font-family: var(--lu-font-heading, 'Instrument Sans', sans-serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	color: var(--lu-color-graphite, #2A2D2F);
}

.lugbn-widget-text {
	margin: 0 0 12px;
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-size: 15px;
	line-height: 1.3;
	color: var(--lu-color-caddy, #6B7570);
}

.lugbn-widget-cta {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 11px 20px;
	border: none;
	border-radius: var(--lu-radius-full, 9999px);
	background: var(--lu-color-electric-turf, #1FCB60);
	color: var(--lu-color-deep-forest, #032E1C);
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.lugbn-widget-cta:hover {
	background: var(--lu-color-white, #fff);
	color: var(--lu-color-deep-forest, #032E1C);
}

/* Secondary link under the CTA — /suppliers/ is a different destination from
   the Perks button above it, so it reads as a link, not a second button. */
.lugbn-widget-link {
	display: block;
	margin-top: 10px;
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: underline;
}

/* ── Member Perks — the one dark card ── */

.widget.lugbn-widget-supplier-directory {
	background: var(--lu-color-deep-forest, #032E1C);
	border-color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-widget-supplier-directory .widget-title {
	color: var(--lu-color-birdie-lime, #B5EB79);
}

.lugbn-widget-supplier-directory .lugbn-widget-text {
	color: rgba(255, 255, 255, 0.82);
}

/* ── Plain text link (Golden Ticket's "More about…") ── */

.lugbn-widget-link {
	display: inline-block;
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-weight: 600;
	font-size: 14px;
	color: var(--lu-color-deep-forest, #032E1C);
	text-decoration: none;
}

.lugbn-widget-link:hover {
	text-decoration: underline;
}

.lugbn-widget-golden-ticket .lugbn-golden-ticket-card {
	border: none;
	padding: 0;
	margin-bottom: 16px;
}

.lugbn-onboarding-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lugbn-onboarding-checklist li {
	font-size: 14px;
}

.lugbn-onboarding-checklist a {
	color: var(--lu-color-deep-forest, #032E1C);
	font-weight: 600;
	text-decoration: none;
}

.lugbn-onboarding-checklist a:hover {
	text-decoration: underline;
}

.lugbn-onboarding-checklist li.lugbn-onboarding-done {
	color: #777;
	text-decoration: line-through;
}

.lugbn-onboarding-hint {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.4;
	color: #777;
}

.lugbn-onboarding-check {
	display: inline-block;
	color: var(--lu-color-deep-forest, #032E1C);
	text-decoration: none;
	margin-right: 4px;
	font-weight: 700;
}

/* ─── Say Hello (inc/regions/member-suggestion.php) ───────────────────────── */

.lugbn-say-hello-card {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.lugbn-say-hello-avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: block;
}

.lugbn-say-hello-body {
	flex: 1;
	min-width: 0;
}

.lugbn-say-hello-name {
	display: block;
	margin-bottom: 4px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight: 600;
	color: var(--lu-color-graphite, #2A2D2F);
	text-decoration: none;
}

.lugbn-say-hello-name:hover {
	text-decoration: underline;
}

.lugbn-say-hello-button {
	width: auto;
}

.lugbn-say-hello-message {
	margin: 8px 0 0;
	font-size: 13px;
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-say-hello-message.lugbn-say-hello-error {
	color: #b3261e;
}

/* ─── Leaderboard (inc/regions/leaderboard.php) ────────────────────────────── */

.lugbn-leaderboard-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lugbn-leaderboard-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.lugbn-leaderboard-rank {
	flex: 0 0 18px;
	font-weight: 700;
	color: #999;
	font-size: 13px;
}

.lugbn-leaderboard-avatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: block;
}

.lugbn-leaderboard-name {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
	color: var(--lu-color-graphite, #2A2D2F);
	text-decoration: none;
}

.lugbn-leaderboard-name:hover {
	text-decoration: underline;
}

.lugbn-leaderboard-count {
	flex: 0 0 auto;
	font-size: 13px;
	color: #666;
	white-space: nowrap;
}


/* ── CTA cards ── */

.lugbn-dashboard-stat-card {
	display: flex;
	flex-direction: column;
	padding: 12px;
	border-radius: var(--lu-radius-md, 8px);
}

.lugbn-dashboard-stat-card .lugbn-widget-text {
	margin: 0 0 auto;
	padding-bottom: 12px;
	font-size: 15px;
	line-height: 1.45;
}

/* ─── CTA Cards: Find a Fourball & Scorecard ──────────────────────────────── */

.lugbn-find-a-game-card {
	background: var(--lu-color-birdie-lime, #B5EB79);
	border: none;
}

.lugbn-log-a-round-card {
	background: var(--lu-color-green-white, #F2F5F0);
	border: none;
}

.lugbn-find-a-game-title,
.lugbn-log-a-round-title {
	margin: 0 0 8px;
	font-family: var(--lu-font-heading, 'Instrument Sans', sans-serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-find-a-game-card .lugbn-widget-text,
.lugbn-log-a-round-card .lugbn-widget-text {
	color: var(--lu-color-graphite, #2A2D2F);
}

.lugbn-find-a-game-card .lugbn-widget-cta,
.lugbn-log-a-round-card .lugbn-widget-cta {
	display: inline-block;
	width: auto;
	align-self: flex-start;
	padding: 12px 24px;
	border-radius: var(--lu-radius-full, 9999px);
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-weight: 600;
	font-size: 15px;
	border: none;
	cursor: pointer;
}

.lugbn-find-a-game-card .lugbn-widget-cta {
	background: var(--lu-color-white, #fff);
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-find-a-game-card .lugbn-widget-cta:hover {
	background: rgba(255, 255, 255, 0.82);
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-log-a-round-card .lugbn-widget-cta {
	background: var(--lu-color-electric-turf, #1FCB60);
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-log-a-round-card .lugbn-widget-cta:hover {
	background: var(--lu-color-deep-forest, #032E1C);
	color: var(--lu-color-electric-turf, #1FCB60);
}


/* ─── Sidebar widget details ──────────────────────────────────────────────── */

.lugbn-leaderboard-item {
	gap: 12px;
	padding: 8px 0;
}

.lugbn-leaderboard-rank {
	min-width: 16px;
	font-family: var(--lu-font-heading, 'Instrument Sans', sans-serif);
	font-weight: 700;
	font-size: 14px;
	color: var(--lu-color-void, #6B7570);
    background-color: var(--lu-color-green-tint);
    border-radius: 30px;
    text-align: center;
}

.lugbn-leaderboard-name {
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-weight: 600;
	font-size: 14px;
	color: var(--lu-color-graphite, #2A2D2F);
	text-decoration: none;
}

.lugbn-leaderboard-count {
	font-size: 13px;
	color: var(--lu-color-caddy, #6B7570);
}

.lugbn-say-hello-card {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
}

.lugbn-say-hello-avatar img {
	width: 48px;
	height: 48px;
}

.lugbn-say-hello-body {
	width: 100%;
}

.lugbn-say-hello-name {
	font-family: var(--lu-font-heading, 'Instrument Sans', sans-serif);
	font-size: 15px;
	
}

.lugbn-say-hello-button {
	width: 100%;
	margin-top: 4px;
}

.lugbn-say-hello-button:hover {
	background: var(--lu-color-deep-forest, #032E1C);
	color:var(--lu-color-electric-turf, #1FCB60);
}

.lugbn-onboarding-checklist li {
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
	font-size: 14px;
	line-height: 1.4;
}

.lugbn-onboarding-checklist a {
	color: var(--lu-color-graphite, #2A2D2F);
	font-weight: 500;
}

.lugbn-onboarding-checklist a:hover {
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-onboarding-checklist li.lugbn-onboarding-done {
	color: var(--lu-color-caddy, #6B7570);
}

.lugbn-onboarding-hint {
	color: var(--lu-color-caddy, #6B7570);
}

/* Golden Ticket / Draw Tickets figure. */
.lugbn-widget-golden-ticket .lugbn-golden-ticket-card {
	border: none;
	padding: 0;
	margin-bottom: 12px;
}


/* ─── Sidebar widget title icons ──────────────────────────────────────────── */
 
.bb-template-v2 .widget-title, 
.bb-template-v2 .widgettitle, 
.bb-template-v2 h2.widget-title {
    font-size: 1.25rem;
	font-weight: 500;
    margin-bottom: 12px;}

.widget.lugbn-widget h2.widget-title,
#secondary-right .widget.widget_bp_core_friends_widget h2.widget-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.widget.lugbn-widget h2.widget-title::before,
#secondary-right .widget.widget_bp_core_friends_widget h2.widget-title::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.widget.lugbn-widget-supplier-directory h2.widget-title {
	color: var(--lu-color-birdie-lime, #B5EB79);
}

.widget.lugbn-widget-onboarding h2.widget-title::before {
	background-image: url('../images/icons/getstarted-icon.svg');
}

.widget.lugbn-widget-supplier-directory h2.widget-title::before {
	background-image: url('../images/icons/perks-icon.svg');
}

.widget.lugbn-widget-say-hello h2.widget-title::before {
	background-image: url('../images/icons/hello-icon.svg');
}

#secondary-right .widget.widget_bp_core_friends_widget h2.widget-title::before {
	background-image: url('../images/icons/connections-icon.svg');
}

.widget.lugbn-widget-leaderboard h2.widget-title::before {
	background-image: url('../images/icons/leaderboard-icon.svg');
}


/* ─── Get Started checklist ───────────────────────────────────────────────── */

.lugbn-widget-onboarding .lugbn-widget-text {
	margin-bottom: 14px;
}

.lugbn-widget-onboarding .lugbn-widget-text a {
	color: var(--lu-color-electric-turf, #1FCB60);
	font-weight: 600;
	text-decoration: none;
}

.lugbn-widget-onboarding .lugbn-widget-text a:hover {
	text-decoration: underline;
}

.lugbn-onboarding-checklist li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	gap: 4px 10px;
}

.lugbn-onboarding-icon {
	display: block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lugbn-onboarding-icon--profile { background-image: url('../images/icons/profile-icon.svg'); }
.lugbn-onboarding-icon--photo   { background-image: url('../images/icons/camera-icon.svg'); }
.lugbn-onboarding-icon--connect { background-image: url('../images/icons/connect-icon.svg'); }

.lugbn-onboarding-hint {
	grid-column: 2;
}

.lugbn-onboarding-checklist li.lugbn-onboarding-done .lugbn-onboarding-check {
	margin-right: 0;
	text-align: center;
}

.lugbn-widget-supplier-directory .lugbn-widget-cta,
.lugbn-say-hello-button {
	display: inline-block;
	width: auto;
	padding: 12px 24px;
}

@media (max-width: 900px) {
	#secondary-right .widget.widget_bp_core_friends_widget,
	.widget.lugbn-widget-leaderboard {
		display: none;
	}
}

@media (max-width: 480px) {
	.lugbn-dashboard-stat-card {
		padding: 16px;
	}

	.lugbn-find-a-game-card .lugbn-widget-cta,
	.lugbn-log-a-round-card .lugbn-widget-cta {
		padding: 10px 14px;
		font-size: 13px;
	}

	.lugbn-find-a-game-title,
	.lugbn-log-a-round-title {
		font-size: 18px;
	}
}

#header-my-account-menu.bb-my-account-menu li > a i[class*="bb-icon-"] {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#header-my-account-menu.bb-my-account-menu li > a i[class*="bb-icon-"]::before {
	content: none;
}

#header-my-account-menu li > a i.bb-icon-user        { background-image: url('../images/icons/user-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-inbox       { background-image: url('../images/icons/comment-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-user-friends{ background-image: url('../images/icons/users-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-pin         { background-image: url('../images/icons/golf-tee-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-envelope    { background-image: url('../images/icons/email-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-star        { background-image: url('../images/icons/membership-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-cog         { background-image: url('../images/icons/account-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-sign-out    { background-image: url('../images/icons/logout-icon.svg'); }
#header-my-account-menu li > a i.bb-icon-life-ring   { background-image: url('../images/icons/lifering-icon.svg'); }

.lugbn-log-a-round-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.lugbn-card-icon {
	flex: 0 0 auto;
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lugbn-card-icon--scorecard {
	background-image: url('../images/icons/scorecard-icon.svg');
}

.contact-details .social-networks-wrap i.bb-icon-brand-linkedin {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/icons/linkedin-icon.svg') no-repeat center / contain;
}

.contact-details .social-networks-wrap i.bb-icon-brand-linkedin::before {
	content: none;
}
.activity-list .activity-item .activity-header {
    display: flex;
    align-items: center;
}
.activity-list .activity-item .activity-header .activity-group-post-meta,
.activity-header .activity-post-author a,
.activity-list .activity-item .activity-header .time-since {
    font-size: 15px;
}
.activity-header .activity-post-author+a>.time-since:before {
    color: var(--lu-color-electric-turf);
}

.activity-update-form #user-status-huddle, .bp-nouveau-activity-form-placeholder- #user-status-huddle {
    padding: 12px;
}

.activity-update-form #whats-new, .activity-update-form #whats-new-placeholder, .bp-nouveau-activity-form-placeholder- #whats-new, .bp-nouveau-activity-form-placeholder- #whats-new-placeholder {
    min-height: 69px;}

	.activity-form:not(.focus-in):hover .whats-new-form-header {
    background-color: #FFF!important;
}

.sticky-header .site-header {
    box-shadow: 0 1px 0 0 var(--bb-header-background), 0 0 1px 0 var(--bb-header-background);
}
.sticky-header .site-header.has-scrolled {
    box-shadow: 0 1px 0 0 var(--bb-header-background), 0 5px 10px -7px var(--bb-header-background);
}

.activity-post-name-status {
    display: flex;
    align-items: center;
}

div#whats-new-status,
.bb-activity-post-feature-image-button {
    display: none;
}
#buddypress input#aw-whats-new-submit, #buddypress input#privacy-status-submit {
    font-size: 15px;
    font-weight: 700;
}

.activity-list .activity-item .bp-generic-meta.action .button span:not(.bp-screen-reader-text) {
    font-weight: 500;}

/* ─── Composer: no posting rights ─────────────────────────────────────────── */

body.lu-cannot-post .activity-update-form #whats-new,
body.lu-cannot-post .activity-update-form #whats-new-placeholder,
body.lu-cannot-post .activity-update-form .whats-new-scroll-view {
	pointer-events: none;
	user-select: none;
	cursor: default;
}

body.lu-cannot-post .activity-update-form .activity-form {
	background: var(--lu-color-green-white, #F2F5F0);
}

body.lu-cannot-post .activity-update-form #whats-new-placeholder {
	color: var(--lu-color-caddy, #6B7570);
	font-style: normal;
}

body.lu-cannot-post .activity-update-form #whats-new-avatar {
	opacity: 0.55;
}

body.lu-cannot-post .activity-update-form #whats-new-toolbar,
body.lu-cannot-post .activity-update-form #whats-new-submit,
body.lu-cannot-post .activity-update-form .post-elements-buttons-item {
	display: none;
}


/* ─── Log a Round: confirmation message ───────────────────────────────────── */

.lugbn-round-confirmation {
	padding: 28px;
	background: var(--lu-color-white, #fff);
	font-family: var(--lu-font-body, 'Instrument Sans', sans-serif);
}

.lugbn-round-confirmation h3 {
	margin: 0 0 12px;
	font-family: var(--lu-font-heading, 'Instrument Sans', sans-serif);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: var(--lu-color-graphite, #2A2D2F);
}

.lugbn-round-confirmation p {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--lu-color-caddy, #6B7570);
}

.lugbn-round-confirmation p:last-child {
	margin-bottom: 0;
}

.lugbn-round-confirmation {
	border-left: 3px solid var(--lu-color-electric-turf, #1FCB60);
}

.lugbn-round-confirmation--warning {
	border-left-color: var(--lu-color-gold, #D6AE5D);
}

body.lu-internal-page .gform_confirmation_message .lugbn-round-confirmation,
body.lu-internal-page .gform_confirmation_wrapper .lugbn-round-confirmation {
	border: 1px solid var(--lu-color-border, #D6D9DD);
	border-left: 3px solid var(--lu-color-electric-turf, #1FCB60);
	border-radius: var(--lu-radius-md, 8px);
	max-width: 600px;
}

.users-header #item-header-avatar a.link-change-profile-image {
    top: 55px;
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
}

.users-header #item-header-avatar:hover .link-change-overlay {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 140px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
}

.lugbn-upgrade-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 18px;
	background: var(--lu-color-green-tint, #E8EDE5);
	border: 1px solid var(--lu-color-rough, #D4D8D0);
	border-left: 3px solid var(--lu-color-deep-forest, #032E1C);
	border-radius: var(--lu-radius-md, 8px);
}

.lugbn-upgrade-cta__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--lu-color-deep-forest, #032E1C);
}

.lugbn-upgrade-cta__btn {
	display: block;
    box-sizing: border-box;
    padding: 11px 20px;
    border: none;
    border-radius: var(--lu-radius-full, 9999px);
    background: var(--lu-color-electric-turf, #1FCB60);
    color: var(--lu-color-deep-forest, #032E1C);
    font-family: var(--lu-font-body);
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.lugbn-upgrade-cta__btn:hover,
.lugbn-upgrade-cta__btn:focus {
	background: var(--lu-color-deep-forest, #032E1C);
	color: var(--lu-color-birdie-lime, #B5EB79);
	text-decoration: none;
}

.lugbn-upgrade-cta--composer {
	margin-bottom: 16px;
}

.lugbn-upgrade-cta--widget {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

/* ─── Footer legal menu: wrap instead of collapsing ───────────────────────── */

/*
 * BuddyBoss measures #menu-footer-links against one line and moves anything
 * that doesn't fit into an injected "…" dropdown — on mobile that left three of
 * six items reachable only behind a button most people won't press (Raffle,
 * Membership terms, Made by Further).
 *
 * `display: contents` on the injected wrapper and its dropdown drops those two
 * boxes from the layout, so the items inside become flex children of the menu
 * itself and wrap onto a second line. The JS still runs and still moves items
 * around on resize; it just no longer has anywhere to hide them.
 *
 * Everything under here is re-dressing dropdown items to look like top-level
 * ones: the dropdown styles them for a white popover (dark grey text, 12px
 * padding, full width, light hover background), which reads as broken on the
 * dark footer bar.
 */

#menu-footer-links .hideshow,
#menu-footer-links .bb_more_dropdown {
	display: contents;
}

#menu-footer-links .more-button,
#menu-footer-links .bb_more_dropdown__title {
	display: none !important;
}

#menu-footer-links .bb_more_dropdown > li {
	display: list-item;
	width: auto;
	/* The dropdown hides itself with visibility/opacity, and both inherit. */
	visibility: visible;
	opacity: 1;
	background: transparent;
}

#menu-footer-links .bb_more_dropdown > li > a {
	display: inline;
	width: auto;
	margin: 0 15px;
	padding: 0;
	background: transparent;
	font-size: 14px;
}

/*
 * ⚠ COLOUR IS SCOPED TO THE PUBLIC FOOTER; THE LAYOUT ABOVE IS NOT.
 *
 * These items appear in two footers with opposite backgrounds — the public
 * one is #021a10, the member-area one is near-white. The rules above (layout,
 * spacing, transparent background) are right for both. Colour is not.
 *
 * Unscoped, the white below painted the wrapped items invisible on every
 * member-area page: three links visible, the rest white on white. It read as
 * "the footer only shows three items", which is why it survived until someone
 * looked at it on a phone.
 *
 * Left alone on the light footer, BuddyBoss's own dropdown styling gives these
 * items dark grey — which is what the top-level items use there anyway.
 */
body.lugbn-public-footer #menu-footer-links .bb_more_dropdown > li > a {
	/* Literal, not a var: BuddyBoss defines no --bb-footer-menu-link-color, and
	 * this is the colour its own rules land on for the top-level items. */
	color: rgba(255, 255, 255, 0.68);
}

body.lugbn-public-footer #menu-footer-links .bb_more_dropdown > li > a:hover,
body.lugbn-public-footer #menu-footer-links .bb_more_dropdown > li > a:focus {
	/*
	 * #fff, matching lu-footer.css's own .footer-bottom a:hover, rather than
	 * --bb-footer-menu-link-color-hover: that variable is currently #032E1C,
	 * which is near-invisible against the dark footer. The id selector here
	 * outranks lu-footer.css, so it has to restate the colour rather than
	 * defer to it.
	 */
	color: #fff;
}

/*
 * Background only — the pale popover fill BuddyBoss paints on
 * .bb-footer .footer-menu .sub-menu a:hover reads as a stray box once these
 * items sit inline. Colour is handled per-footer above, because the two
 * footers need opposite values.
 */
#menu-footer-links .bb_more_dropdown > li > a:hover,
#menu-footer-links .bb_more_dropdown > li > a:focus {
	background: transparent;
}

/* Dropdown items carry a file icon; the top-level ones don't. */
#menu-footer-links .bb_more_dropdown > li > a i {
	display: none;
}

/* ─── Mobile menu: custom icons ──────────────────────────────────────────── */

/*
 * Same trick as #header-my-account-menu above: BuddyBoss's icon picker sets a
 * bb-icon-* class on each menu item, we suppress the glyph it would draw and
 * paint one of our own SVGs in its place. The picker choice is therefore only
 * a HOOK — members never see it — which is why some pairings look odd in the
 * admin (the Clubhouse Draw is hooked on bb-icon-calendar because BuddyBoss
 * has no ticket glyph). What matters is that each item's hook is UNIQUE.
 *
 * Before this, nine of the thirteen items shared bb-icon-file, so no rule
 * could tell them apart — that was the row of identical grey squares on
 * mobile, not a missing-icon problem.
 *
 * Keyed on the icon class rather than the link URL on purpose: Clubhouse and
 * Benefits both point at /dashboard/, so a URL-keyed rule cannot separate them.
 */

/*
 * Scoped to the classes we actually map, NOT every bb-icon-*.
 *
 * Suppressing ::before across the board blanked any item whose hook has no
 * custom SVG behind it — an item with no icon set still carries bb-icon-file,
 * so it lost its glyph and gained nothing. An unmapped item now keeps
 * BuddyBoss's own icon, which is wrong-looking rather than invisible, and
 * therefore something you notice.
 */
#menu-members-mobile li > a i:is(.bb-icon-home,.bb-icon-users,.bb-icon-flag,.bb-icon-award,.bb-icon-bookmark,.bb-icon-calendar,.bb-icon-tools,.bb-icon-book,.bb-icon-star,.bb-icon-user,.bb-icon-user-friends,.bb-icon-life-ring,.bb-icon-sign-out) {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#menu-members-mobile li > a i:is(.bb-icon-home,.bb-icon-users,.bb-icon-flag,.bb-icon-award,.bb-icon-bookmark,.bb-icon-calendar,.bb-icon-tools,.bb-icon-book,.bb-icon-star,.bb-icon-user,.bb-icon-user-friends,.bb-icon-life-ring,.bb-icon-sign-out)::before {
	content: none;
}

#menu-members-mobile li > a i.bb-icon-home        { background-image: url('../images/icons/home-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-users       { background-image: url('../images/icons/users-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-flag        { background-image: url('../images/icons/golf-tee-icon.svg'); }
/* The dark variant, NOT perks-icon.svg. That file is filled #B5EB79 because
   it is also used on the Member Perks widget title, which is lime text on a
   dark card — correct there, and the reason a menu item landed in birdie lime
   here. Recolouring the shared file would have fixed the menu and broken the
   widget, so the menu gets its own copy. */
#menu-members-mobile li > a i.bb-icon-award       { background-image: url('../images/icons/perks-icon-dark.svg'); }
#menu-members-mobile li > a i.bb-icon-bookmark    { background-image: url('../images/icons/perks-icon-dark.svg'); }
#menu-members-mobile li > a i.bb-icon-calendar    { background-image: url('../images/icons/ticket-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-tools       { background-image: url('../images/icons/toolbox-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-book        { background-image: url('../images/icons/book-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-star        { background-image: url('../images/icons/membership-icon.svg'); }

/* Already carrying distinct hooks — no menu change needed for these four. */
#menu-members-mobile li > a i.bb-icon-user        { background-image: url('../images/icons/profile-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-user-friends{ background-image: url('../images/icons/connections-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-life-ring   { background-image: url('../images/icons/lifering-icon.svg'); }
#menu-members-mobile li > a i.bb-icon-sign-out    { background-image: url('../images/icons/logout-icon.svg'); }


/*
 * ── URL-keyed overrides ──────────────────────────────────────────────────
 *
 * The map above keys on the bb-icon-* class, which means it silently depends
 * on someone having picked exactly the right icon in Appearance → Menus. The
 * menu has since drifted from that and three items went wrong at once, in
 * ways that all looked like different bugs:
 *
 *   - My Membership showed a LIME tag, because it carries bb-icon-award and
 *     perks-icon.svg is the one icon in the set filled #B5EB79 rather than
 *     #032E1C. Nothing was broken; it was being sent the wrong file.
 *   - The Clubhouse Draw is not on bb-icon-calendar, so it fell through the
 *     map entirely and kept BuddyBoss's own glyph.
 *   - Suppliers has no mapping at all.
 *
 * Keying on the destination fixes all three without anyone touching wp-admin,
 * and cannot drift again. It is layered AFTER the class map so it wins, and
 * deliberately does not replace it: Clubhouse and Benefits both point at
 * /dashboard/, so those two genuinely can only be told apart by their class.
 *
 * :has() is already relied on in inc/nav-gating.php for the same menus.
 */
#menu-members-mobile li:has(> a[href*="/suppliers/"]) > a i,
#menu-members-mobile li:has(> a[href*="/perks/"]) > a i,
#menu-members-mobile li:has(> a[href*="/golden-ticket/"]) > a i,
#menu-members-mobile li:has(> a[href*="/business-toolkit/"]) > a i,
#menu-members-mobile li:has(> a[href*="/locker-room/"]) > a i,
#menu-members-mobile li:has(> a[href*="/subscription/"]) > a i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#menu-members-mobile li:has(> a[href*="/suppliers/"]) > a i::before,
#menu-members-mobile li:has(> a[href*="/perks/"]) > a i::before,
#menu-members-mobile li:has(> a[href*="/golden-ticket/"]) > a i::before,
#menu-members-mobile li:has(> a[href*="/business-toolkit/"]) > a i::before,
#menu-members-mobile li:has(> a[href*="/locker-room/"]) > a i::before,
#menu-members-mobile li:has(> a[href*="/subscription/"]) > a i::before {
	content: none;
}

#menu-members-mobile li:has(> a[href*="/perks/"]) > a i           { background-image: url('../images/icons/perks-icon-dark.svg'); }
#menu-members-mobile li:has(> a[href*="/golden-ticket/"]) > a i   { background-image: url('../images/icons/ticket-icon.svg'); }
#menu-members-mobile li:has(> a[href*="/business-toolkit/"]) > a i{ background-image: url('../images/icons/toolbox-icon.svg'); }
#menu-members-mobile li:has(> a[href*="/subscription/"]) > a i    { background-image: url('../images/icons/membership-icon.svg'); }

/* Listed in the ::before reset above, so without this it loses BuddyBoss's
   glyph and gains nothing — the exact blanking the comment further up warns
   about, repeated. Every selector in that reset must have an image here. */
#menu-members-mobile li:has(> a[href*="/locker-room/"]) > a i     { background-image: url('../images/icons/book-icon.svg'); }

/*
 * Optical sizing. Every icon sits in the same 18px box, but they were drawn
 * with wildly different viewBox padding — ticket and toolbox carry a wide
 * margin (20 units around ~13 of artwork), book almost none (18.57), and the
 * briefcase none at all (13 × 11.5). `contain` faithfully renders each to the
 * edge of its own box, so the tighter drawings come out visibly larger. These
 * scale them back to match rather than editing the source files, which are
 * shared with the rest of the site.
 */
#menu-members-mobile li:has(> a[href*="/locker-room/"]) > a i,
#menu-members-mobile li > a i.bb-icon-book {
	background-size: 82%;
}

/* 62%, not the 76% first tried. The others are drawn with a wide margin
   inside their viewBox — ticket is ~13 units of artwork in a 20-unit box, so
   it paints about 11.7px of the 18px slot. The briefcase has no margin at all
   (13 × 11.5), so `contain` fills the slot edge to edge and it towered over
   its neighbours. This matches painted artwork rather than box size. */
#menu-members-mobile li:has(> a[href*="/suppliers/"]) > a i {
	background-image: url('../images/icons/briefcase-icon.svg');
	background-size: 62%;
}