/* Logo / title swap */
.elementor-3728 .fb-brand .elementor-widget-theme-site-title { display: block; }
.elementor-3728 .fb-brand .elementor-widget-theme-site-logo { display: none; }
body.wp-custom-logo .elementor-3728 .fb-brand .elementor-widget-theme-site-title { display: none; }
body.wp-custom-logo .elementor-3728 .fb-brand .elementor-widget-theme-site-logo { display: block; }

.elementor-location-header { margin: 0 !important; padding: 0 !important; }
.elementor-location-header:before,
.elementor-location-header:after { display: none !important; content: none !important; }

.elementor-3728 .fb-header-inner {
	--padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
	padding: 0 !important;
}
.elementor-3728 .fb-header-inner > .e-con-inner {
	max-width: 1440px !important;
	width: 100%;
	margin-inline: auto;
	padding-inline: 32px !important;
	padding-block: 0 !important;
	box-sizing: border-box;
	min-height: 80px;
	height: 80px;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start;
	gap: 24px !important;
	--gap: 24px;
}
@media (max-width: 767px) {
	.elementor-3728 .fb-header-inner > .e-con-inner {
		padding-inline: 20px !important;
		min-height: 64px;
		height: 64px;
	}
}
.elementor-3728 .fb-brand .elementor-widget-theme-site-logo img {
	height: 40px; width: auto; max-height: 40px;
}
/*
 * Design logo: clamp(26px, 3vw, 40px) → 40px on desktop.
 * Beat Elementor width:225 / laptop width:100% of 10% brand column (~28px).
 * Sticky --effects must NOT shrink the mark again.
 */
.elementor-3728 .elementor-element.elementor-element-75e412b,
.elementor-3728 .elementor-element.elementor-element-brn823aca4 {
	width: auto !important;
	max-width: none !important;
	--width: auto !important;
	flex: 0 0 auto !important;
}
.elementor-3728 .elementor-element.elementor-element-14ec6c2,
.elementor-3728 .elementor-element.elementor-element-14ec6c2 .elementor-widget-container,
.elementor-3728 .elementor-element.elementor-element-14ec6c2 a {
	width: auto !important;
	max-width: none !important;
}
/* Sticky effects: keep full chrome (no shrink on sticky/reveal). */
.elementor-3728 .fb-header-accent {
	min-height: 4px !important; height: 4px !important; max-height: 4px !important;
	overflow: hidden; flex-shrink: 0;
}

/* Active sticky chrome (aa9500e) — match legacy inner rhythm */
.elementor-3728 .elementor-element-aa9500e > .e-con-inner {
	max-width: 1440px !important;
	width: 100%;
	margin-inline: auto;
	padding-inline: 32px !important;
	padding-block: 0 !important;
	box-sizing: border-box;
	min-height: 80px;
	height: 80px;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start;
	gap: 24px !important;
	--gap: 24px;
	flex-wrap: nowrap !important;
}
@media (max-width: 767px) {
	.elementor-3728 .elementor-element-aa9500e > .e-con-inner {
		padding-inline: 20px !important;
		min-height: 64px;
		height: 64px;
	}
}
/* sticky--effects: intentionally no height/logo shrink (full size on reveal) */

/*
 * Desktop (≥1280): horizontal nav.
 * Mid widths 1025–1279 cannot fit logo + 8 links + Donate (overlap measured
 * ~29–147px). Burger through 1279; keep logo LEFT via order rules below.
 * Design nav item gap: clamp(18px, 2.2vw, 32px) → 32px on desktop.
 */
@media (min-width: 1280px) {
	.elementor-3728 .fb-header-inner.e-con,
	.elementor-3728 .elementor-element-hinb21ece6.e-con,
	.elementor-3728 .elementor-element-f7a997e.e-con {
		flex-wrap: nowrap !important;
		--flex-wrap: nowrap;
		align-items: center !important;
	}
	/* Sticky cluster: logo left, nav+donate fill right */
	.elementor-3728 .elementor-element-75e412b,
	.elementor-3728 .elementor-element-brn823aca4 {
		order: 0 !important;
		flex: 0 0 auto !important;
		margin-left: 0 !important;
		width: auto !important;
		max-width: none !important;
		--width: auto !important;
	}
	.elementor-3728 .elementor-element-f7a997e {
		order: 0 !important;
		flex: 1 1 auto !important;
		margin-left: 0 !important;
		width: auto !important;
		max-width: none;
		--width: auto !important;
		justify-content: flex-end !important;
		/* Design: nav cluster ↔ Donate ~24–32; kill Elementor 90px gap */
		--gap: 32px !important;
		--column-gap: 32px !important;
		gap: 32px !important;
		column-gap: 32px !important;
		row-gap: 0 !important;
	}
	.elementor-3728 .elementor-element-donb4ec212,
	.elementor-3728 .elementor-element-11d7007 {
		order: 0 !important;
		margin-left: 0 !important;
		flex-shrink: 0 !important;
	}
}

/* ≤1279: logo LEFT | Donate + burger RIGHT; full-viewport menu (no logo overlap) */
@media (max-width: 1279px) {
	.elementor-3728 .fb-header-inner.e-con,
	.elementor-3728 .elementor-element-hinb21ece6.e-con,
	.elementor-3728 .elementor-element-f7a997e.e-con {
		flex-wrap: nowrap !important;
		--flex-wrap: nowrap;
		align-items: center !important;
	}
	.elementor-3728 .fb-header-inner > .e-con-inner,
	.elementor-3728 .elementor-element-aa9500e > .e-con-inner {
		height: 64px !important;
		min-height: 64px !important;
		gap: 12px !important;
		column-gap: 12px !important;
		row-gap: 0 !important;
		--gap: 12px;
		--column-gap: 12px;
		--row-gap: 0px;
		flex-wrap: nowrap !important;
	}
	/*
	 * CRITICAL: brand must order BEFORE the right cluster.
	 * Prior regression set brand order:1 while f7a997e stayed order:0,
	 * so Donate+burger rendered left of the logo (logo on far right).
	 */
	.elementor-3728 .elementor-element-brn823aca4,
	.elementor-3728 .elementor-element-75e412b {
		order: 1 !important;
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: min(180px, 48vw) !important;
		--width: auto;
		--container-widget-width: auto;
		margin-left: 0 !important;
	}
	.elementor-3728 .elementor-element-f7a997e {
		order: 2 !important;
		margin-left: auto !important;
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: none;
		--gap: 12px !important;
		--column-gap: 12px !important;
		gap: 12px !important;
		justify-content: flex-end !important;
	}
	.elementor-3728 .elementor-element-nav15614a4,
	.elementor-3728 .elementor-element-e9372d3 {
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		margin-left: 0 !important;
		width: auto !important;
		max-width: 48px;
		order: 3 !important;
	}
	.elementor-3728 .elementor-element-donb4ec212,
	.elementor-3728 .elementor-element-11d7007 {
		margin-left: 0 !important;
		order: 2 !important;
		flex-shrink: 0 !important;
	}

	/* Hide horizontal main list; burger only */
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--main,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--main {
		display: none !important;
	}
	.elementor-3728 .elementor-element-nav15614a4 .elementor-menu-toggle,
	.elementor-3728 .elementor-element-e9372d3 .elementor-menu-toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		min-width: 48px;
		min-height: 48px;
		border: 1px solid #E5E7EB;
		border-radius: 6px;
		margin: 0 !important;
		padding: 0;
		background: transparent;
	}

	/* Full-viewport dropdown panel (house + design) */
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--dropdown,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--dropdown {
		position: fixed !important;
		inset: 0 !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 80px 24px 32px !important;
		box-sizing: border-box;
		overflow-y: auto;
		background: linear-gradient(180deg, #174273 0%, #061537 100%) !important;
		border: 0 !important;
		border-radius: 0 !important;
		z-index: 9999 !important;
	}
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--dropdown ul,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--dropdown ul {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--dropdown .elementor-item,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--dropdown .elementor-item {
		display: flex !important;
		align-items: center;
		min-height: 52px !important;
		padding: 12px 0 !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
		color: #fff !important;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		white-space: normal;
	}
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--dropdown .elementor-item:hover,
	.elementor-3728 .elementor-element-nav15614a4 nav.elementor-nav-menu--dropdown .elementor-item:focus,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--dropdown .elementor-item:hover,
	.elementor-3728 .elementor-element-e9372d3 nav.elementor-nav-menu--dropdown .elementor-item:focus {
		color: #86BF40 !important;
		background: transparent !important;
	}
}

.elementor-3728 .elementor-element-donb4ec212,
.elementor-3728 .elementor-element-11d7007 {
	flex-shrink: 0 !important;
	align-self: center !important;
	display: flex !important;
	align-items: center !important;
}
/* RWD: keep chrome on one row without clipping the burger */
@media (max-width: 1024px) {
	.elementor-3728 .fb-header,
	.elementor-3728 .fb-header-inner,
	.elementor-3728 .elementor-element-aa9500e {
		max-width: 100%;
		overflow-x: visible;
	}
}
@media (max-width: 767px) {
	.elementor-3728 .elementor-element-brn823aca4,
	.elementor-3728 .elementor-element-75e412b {
		max-width: min(150px, 42vw) !important;
	}
}
/* RWD tap: logo link min height (platform gap) */
@media (max-width: 1024px) {
	.elementor-3728 .fb-brand a,
	.elementor-3728 .elementor-element-14ec6c2 a {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}
}

/*
 * Hide-on-scroll: theme assets/css/header-scroll.css + assets/js/header-scroll.js
 * (enqueued sitewide). Do not duplicate transform rules here.
 */