/* PCH member nav - centralised Elementor menu behaviour. */

#pch-member-nav,
#pch-member-nav *,
.e-n-menu-wrapper,
.e-n-menu-heading,
.e-n-menu-item,
.e-n-menu-title,
.e-n-menu-title-container {
	overflow: visible !important;
}

#pch-nav-saved,
#pch-nav-messages,
#pch-nav-manage-listings {
	display: none !important;
}

:is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings,
	#pch-nav-logout
) {
	position: relative;
}

:is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-manage-listings,
	#pch-nav-logout
) .e-n-menu-title-text {
	display: none !important;
}

#pch-nav-profile .e-n-menu-title-text {
	display: inline-flex !important;
}

#pch-nav-profile .pch-member-initials {
	display: inline-block !important;
	font-size: 13px;
	letter-spacing: 0.14em;
	line-height: 1;
}

:is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings
):is(:hover, .e-current, .pch-nav-is-active) :is(.e-n-menu-title-icon, .e-n-menu-icon, .e-font-icon-svg, svg, svg path, path) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

#pch-nav-logout .e-n-menu-title-container::before {
	content: "→";
	display: inline-block;
	color: var(--pch-text, var(--e-global-color-text, #171a21));
	font-family: inherit;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	transform: translateY(-1px);
	transition: color var(--pch-transition-fast, 0.18s ease);
}

#pch-nav-logout:hover .e-n-menu-title-container::before {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff));
}

#pch-nav-search .e-n-menu-title-container::after {
	content: none;
}

#pch-nav-saved .e-n-menu-title-container::after {
	content: "Saved";
}

#pch-nav-messages .e-n-menu-title-container::after {
	content: "Messages";
}

#pch-nav-profile .e-n-menu-title-container::after {
	content: "Account";
}

#pch-nav-manage-listings[data-pch-nav-tooltip] .e-n-menu-title-container::after,
#pch-nav-manage-listings .e-n-menu-title-container[data-pch-nav-tooltip]::after {
	content: attr(data-pch-nav-tooltip);
}

#pch-nav-logout .e-n-menu-title-container::after {
	content: "Logout";
}

:is(
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings,
	#pch-nav-logout
) .e-n-menu-title-container {
	position: relative;
}

:is(
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings,
	#pch-nav-logout
) .e-n-menu-title-container::after {
	position: absolute;
	z-index: 999999;
	top: calc(100% + 10px);
	left: 50%;
	padding: 4px 7px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.68);
	color: #fff;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.2;
	opacity: 0;
	pointer-events: none;
	text-transform: uppercase;
	transform: translateX(-50%) translateY(-2px);
	transition: opacity 0.18s ease, transform 0.18s ease;
	white-space: nowrap;
}

#pch-nav-logout .e-n-menu-title-container::after {
	background: var(--pch-destructive, #d06a73);
}

:is(
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings,
	#pch-nav-logout
):hover .e-n-menu-title-container::after {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

#pch-nav-messages .pch-nav-message-icon-wrap {
	position: relative;
	display: inline-flex;
}

#pch-nav-messages .pch-nav-message-dot {
	position: absolute;
	z-index: 5;
	top: -4px;
	right: -5px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: var(--pch-accent, var(--e-global-color-accent, #31d3ff));
	pointer-events: none;
}

body.pch-system-screen .elementor-location-footer,
body.pch-system-screen footer.site-footer,
body.pch-system-screen #colophon {
	display: none !important;
}

body.pch-menus-transparent-header .elementor-location-header,
body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) {
	background: transparent !important;
	background-color: transparent !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) .pch-logo-normal {
	display: none !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) .pch-logo-white {
	display: block !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) :is(
	.elementor-widget-heading,
	.elementor-widget-text-editor,
	.elementor-widget-icon,
	.elementor-widget-icon-box,
	.elementor-widget-nav-menu,
	.elementor-widget-n-menu,
	a,
	.elementor-item,
	.e-n-menu-title,
	.e-n-menu-title-container,
	.e-n-menu-title-text,
	.e-n-menu-title-text *,
	.e-n-menu-icon,
	.e-font-icon-svg,
	svg,
	path
) {
	color: #fff !important;
	fill: #fff !important;
	opacity: 1 !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) #pch-member-nav .e-n-menu-title:not(.e-current):not(.pch-nav-is-active) :is(.e-n-menu-title-container, .e-n-menu-title-text, .e-n-menu-title-text *, .e-n-menu-icon, .e-font-icon-svg, .e-font-icon-svg path, svg, path) {
	color: #fff !important;
	fill: #fff !important;
	opacity: 1 !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) #pch-nav-logout .e-n-menu-title-container::before {
	color: #fff !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) #pch-member-nav .e-n-menu-title:is(.e-current, .pch-nav-is-active) :is(.e-n-menu-title-icon, .e-n-menu-icon, .e-font-icon-svg, svg, path) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) :is(
	a:hover,
	a:focus,
	.elementor-item:hover,
	.elementor-item:focus,
	.e-n-menu-title:hover,
	.e-n-menu-title:is(.e-current, .pch-nav-is-active)
) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) :is(
	a:hover,
	a:focus,
	.elementor-item:hover,
	.elementor-item:focus,
	.e-n-menu-title:hover,
	.e-n-menu-title:is(.e-current, .pch-nav-is-active)
) :is(
	.elementor-item,
	.e-n-menu-title-container,
	.e-n-menu-title-text,
	.e-n-menu-title-text *,
	.e-n-menu-title-icon,
	.e-n-menu-icon,
	.e-font-icon-svg,
	svg,
	path
) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) :is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings,
	#pch-nav-logout
):is(:hover, .e-current, .pch-nav-is-active) :is(
	.e-n-menu-title-container,
	.e-n-menu-title-icon,
	.e-n-menu-icon,
	.e-font-icon-svg,
	svg,
	svg path,
	path
) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

body.pch-menus-transparent-header .elementor-location-header .pch-header:not(.elementor-sticky--effects) :is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings
):hover :is(
	.icon-active,
	.icon-inactive,
	.icon-active svg,
	.icon-inactive svg,
	.icon-active path,
	.icon-inactive path
) {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	stroke: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}

body.pch-menus-transparent-header .elementor-location-header #pch-member-nav :is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings
):is(:hover, .e-current, .pch-nav-is-active),
body.pch-menus-transparent-header .elementor-location-header #pch-member-nav :is(
	#pch-nav-search,
	#pch-nav-saved,
	#pch-nav-messages,
	#pch-nav-profile,
	#pch-nav-manage-listings
):is(:hover, .e-current, .pch-nav-is-active) * {
	color: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	fill: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
	stroke: var(--pch-accent, var(--e-global-color-accent, #31d3ff)) !important;
}