.woodebee-tb-header,
.woodebee-tb-footer {
	--wbee-header-bg: transparent;
	--wbee-sticky-bg: rgba(255, 255, 255, 0.92);
	--wbee-sticky-text: #111;
	--wbee-sticky-link: #111;
	--wbee-sticky-link-hover: #c4a574;
	--wbee-sticky-line: #e6e6e6;
	--wbee-sticky-border-w: 1px;
	--wbee-sticky-border-s: solid;
	--wbee-sticky-shadow: 0 10px 30px rgba(13, 13, 13, 0.06);
	--wbee-sticky-blur: 16px;
	--wbee-sticky-height: 72px;
	--wbee-hf-motion:
		background-color 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease,
		opacity 0.28s ease;
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.woodebee-tb-header > .elementor,
.woodebee-tb-footer > .elementor,
.woodebee-tb-header-inner {
	transition: var(--wbee-hf-motion);
}

.woodebee-tb-header .elementor-icon,
.woodebee-tb-header .e-font-icon-svg,
.woodebee-tb-header .wbee-hf-nav__toggle,
.woodebee-tb-header .wbee-hf-cta svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
}

.woodebee-tb-header .elementor-icon svg,
.woodebee-tb-header .e-font-icon-svg,
.woodebee-tb-header .elementor-icon-list-icon svg,
.woodebee-tb-header .wbee-hf-nav__toggle svg,
.woodebee-tb-header .wbee-hf-nav__close svg {
	width: 1em;
	height: 1em;
	display: block;
	overflow: hidden;
}

.woodebee-tb-header.is-transparent {
	position: absolute;
	left: 0;
	right: 0;
	top: var(--wbee-header-top, 0px);
}

/* Sticky stays in document flow so the first paint does not jump. Overlay headers stay absolute. */
.woodebee-tb-header.is-sticky-ready:not(.is-transparent) {
	position: sticky;
	top: var(--wbee-header-top, 0px);
	width: 100%;
	background-color: var(--wbee-header-bg);
	border-bottom: 1px solid transparent;
	transition: var(--wbee-hf-motion);
}

.woodebee-tb-header.is-sticky-ready.is-transparent.is-scrolled {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--wbee-header-top, 0px);
	width: 100%;
}

body.admin-bar {
	--wbee-header-top: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--wbee-header-top: var(--wp-admin--admin-bar--height, 46px);
	}
}

.woodebee-tb-header.is-sticky-ready.is-sticky-off {
	position: relative;
	top: auto;
}

.woodebee-tb-header.is-sticky-ready.is-scrolled,
.woodebee-tb-header-inner.is-scrolled {
	background-color: var(--wbee-sticky-bg);
	border-bottom-width: var(--wbee-sticky-border-w);
	border-bottom-style: var(--wbee-sticky-border-s);
	border-bottom-color: var(--wbee-sticky-line);
	box-shadow: var(--wbee-sticky-shadow);
	color: var(--wbee-sticky-text);
}

.woodebee-tb-header.is-sticky-ready.is-scrolled.is-blur::before,
.woodebee-tb-header-inner.is-scrolled.is-blur::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	backdrop-filter: blur(var(--wbee-sticky-blur));
	-webkit-backdrop-filter: blur(var(--wbee-sticky-blur));
}

.woodebee-tb-header.is-sticky-ready > .elementor,
.woodebee-tb-header-inner {
	position: relative;
	z-index: 1;
}

/* Let the shell sticky fill show: first-level rows stay designed at rest. */
.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .e-con,
.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .elementor-top-section,
.woodebee-tb-header-inner.is-scrolled > .e-con,
.woodebee-tb-header-inner.is-scrolled > .elementor-top-section {
	background-color: transparent !important;
	background-image: none !important;
}

.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .e-con::before,
.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .elementor-top-section::before,
.woodebee-tb-header-inner.is-scrolled > .e-con::before,
.woodebee-tb-header-inner.is-scrolled > .elementor-top-section::before {
	opacity: 0 !important;
}

.woodebee-tb-header.is-sticky-ready.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a,
.woodebee-tb-header.is-sticky-ready.is-scrolled .wbee-hf-nav__toggle,
.woodebee-tb-header-inner.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a,
.woodebee-tb-header-inner.is-scrolled .wbee-hf-nav__toggle {
	color: var(--wbee-sticky-link, var(--wbee-sticky-text, #111));
}

.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .e-con > .e-con-inner > .elementor-element:not(.elementor-widget-woodebee_hf_nav) .elementor-heading-title,
.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .e-con > .elementor-widget:not(.elementor-widget-woodebee_hf_nav) .elementor-heading-title,
.woodebee-tb-header.is-sticky-ready.is-scrolled > .elementor > .e-con > .elementor-widget:not(.elementor-widget-woodebee_hf_nav) .elementor-icon,
.woodebee-tb-header-inner.is-scrolled > .e-con > .e-con-inner > .elementor-element:not(.elementor-widget-woodebee_hf_nav) .elementor-heading-title {
	color: var(--wbee-sticky-link, var(--wbee-sticky-text, #111));
}

.woodebee-tb-header.is-sticky-ready.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a:hover,
.woodebee-tb-header.is-sticky-ready.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a:focus,
.woodebee-tb-header.is-sticky-ready.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > .current-menu-item > a,
.woodebee-tb-header-inner.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a:hover,
.woodebee-tb-header-inner.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a:focus,
.woodebee-tb-header-inner.is-scrolled .wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > .current-menu-item > a {
	color: var(--wbee-sticky-link-hover, inherit);
}

.woodebee-tb-header.is-sticky-ready.is-scrolled.is-shrink > .elementor > .elementor-section,
.woodebee-tb-header.is-sticky-ready.is-scrolled.is-shrink > .elementor > .e-con,
.woodebee-tb-header-inner.is-scrolled.is-shrink > .elementor-section,
.woodebee-tb-header-inner.is-scrolled.is-shrink > .e-con {
	min-height: var(--wbee-sticky-height, 72px);
	padding-top: 0;
	padding-bottom: 0;
}

.woodebee-tb-header.is-sticky-ready.is-scrolled.is-shrink > .elementor > .elementor-section > .elementor-container {
	min-height: var(--wbee-sticky-height, 72px);
	align-items: center;
}

/* Preset rows no longer override Elementor container backgrounds. */

.woodebee-tb-header.is-sticky-ready.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.woodebee-tb-header.is-sticky-ready.is-hidden .wbee-hf-nav.is-open .wbee-hf-nav__panel,
.woodebee-tb-header.is-sticky-ready.is-hidden .wbee-hf-nav.is-open .wbee-hf-nav__backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

#woodebee-tb-header-spacer {
	width: 100%;
	pointer-events: none;
}

body.woodebee-tb-header-transparent .woodebee-tb-header.is-transparent:not(.is-scrolled) {
	background: transparent;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.wbee-hf-nav {
	--wbee-toggle-size: 42px;
	--wbee-toggle-icon: 22px;
	--wbee-toggle-color: currentColor;
	--wbee-toggle-hover: var(--wbee-toggle-color);
	--wbee-toggle-bg: transparent;
	--wbee-toggle-radius: 10px;
	--wbee-panel-bg: #fff;
	--wbee-panel-width: min(360px, 100%);
	--wbee-panel-pad: 20px 18px 32px;
	--wbee-backdrop: rgba(13, 13, 13, 0.45);
	--wbee-close-size: 42px;
	--wbee-close-icon: 22px;
	--wbee-close-color: inherit;
	--wbee-close-hover: var(--wbee-close-color);
	--wbee-close-bg: transparent;
	--wbee-drawer-link: #111;
	--wbee-drawer-link-hover: #111;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.woodebee-tb-header,
.woodebee-tb-header > .elementor,
.woodebee-tb-header .elementor-top-section,
.woodebee-tb-header .e-con,
.woodebee-tb-header .elementor-widget-woodebee_hf_nav,
.woodebee-tb-header .elementor-widget-container,
.wbee-hf-nav {
	overflow: visible;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__panel {
	position: relative;
	display: block;
	width: auto;
	max-width: 100%;
	overflow: visible;
}

.wbee-hf-nav:not(.is-compact) {
	align-self: stretch;
	height: 100%;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__panel,
.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list {
	height: 100%;
	align-self: stretch;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li {
	display: flex;
	align-items: center;
	align-self: stretch;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > a {
	display: inline-flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
}

.wbee-hf-nav .woodebee-menu__icon {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
	line-height: 1;
}

.wbee-hf-nav .woodebee-menu__icon i,
.wbee-hf-nav .woodebee-menu__icon svg {
	width: 1em;
	height: 1em;
	font-size: 1em;
}

.wbee-hf-nav .woodebee-menu__caret {
	display: inline-block;
	width: 0.36em;
	height: 0.36em;
	margin-left: 0.4em;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-0.1em) rotate(45deg);
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

.wbee-hf-nav:not(.is-compact) .menu-item-has-children:hover > a > .woodebee-menu__caret,
.wbee-hf-nav:not(.is-compact) .menu-item-has-children:focus-within > a > .woodebee-menu__caret,
.wbee-hf-nav .menu-item-has-children.is-open > a > .woodebee-menu__caret {
	transform: translateY(0.08em) rotate(225deg);
}

@media (max-width: 1024px) {
	.wbee-hf-nav.is-compact .wbee-hf-nav__list > li > a,
	.wbee-hf-nav[data-responsive="1"] .wbee-hf-nav__list > li > a {
		white-space: normal;
	}
}

.woodebee-mega-host {
	position: relative;
}

.woodebee-mega-static,
.wbee-hf-nav.woodebee-mega-static,
.wbee-hf-nav .woodebee-mega-static,
.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__panel.woodebee-mega-static,
.elementor-widget-woodebee_hf_nav.woodebee-mega-static,
.elementor-widget-container.woodebee-mega-static,
.e-con.woodebee-mega-static,
.e-con-inner.woodebee-mega-static:not(.woodebee-mega-host) {
	position: static;
}

/*
 * Mega menus set ancestors to static so a full-width panel can escape.
 * Elementor's editor outline is position:absolute, so a static container
 * draws that outline on the parent header and the nav looks full width.
 */
body.elementor-editor-active .e-con.woodebee-mega-static,
body.elementor-editor-preview .e-con.woodebee-mega-static,
body.elementor-editor-active .e-con-inner.woodebee-mega-static,
body.elementor-editor-preview .e-con-inner.woodebee-mega-static {
	position: relative;
}

.wbee-hf-nav .woodebee-has-mega--width-full {
	position: static;
}

.wbee-hf-nav .woodebee-has-mega--width-custom {
	position: relative;
}

.wbee-hf-nav .woodebee-mega {
	display: none;
	position: absolute;
	top: calc(100% - 2px);
	z-index: 80;
	background: #fff;
	color: #111;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 0;
	box-shadow: 0 18px 50px rgba(17, 24, 39, 0.12);
	box-sizing: border-box;
	overflow: visible;
}

.wbee-hf-nav .woodebee-mega--width-full {
	left: 0;
	right: auto;
	width: 100%;
	max-width: none;
	transform: none;
}


.wbee-hf-nav .woodebee-mega--width-custom {
	left: 50%;
	right: auto;
	width: var(--wbee-mega-width, 900px);
	max-width: min(var(--wbee-mega-width, 900px), calc(100vw - 32px));
	transform: translateX(-50%);
}

.wbee-hf-nav .woodebee-mega > .elementor {
	width: 100%;
	max-width: none;
}

.wbee-hf-nav .woodebee-mega,
.wbee-hf-nav .woodebee-mega a {
	text-decoration: none;
	white-space: normal;
}

.wbee-hf-nav .woodebee-mega:has(.wbee-kit--mega-editorial) {
	background: #111;
	border-color: #2a241c;
	color: #f3efe6;
}

.wbee-hf-nav .woodebee-mega::before,
.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 28px;
	pointer-events: auto;
}

.wbee-hf-nav:not(.is-compact) .wbee-hf-nav__list > li > .sub-menu {
	top: calc(100% - 2px);
	left: 0;
	margin-top: 0;
	z-index: 80;
}

/* Dropdowns stay in the layout so opacity and position can ease in and out. */
.wbee-hf-nav:not(.is-compact) .sub-menu:not(.woodebee-mega__grid) {
	display: block;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0s linear 0.2s;
}

.wbee-hf-nav:not(.is-compact) li:hover > .sub-menu:not(.woodebee-mega__grid),
.wbee-hf-nav:not(.is-compact) li:focus-within > .sub-menu:not(.woodebee-mega__grid) {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0s linear 0s;
}

.wbee-hf-nav:not(.is-compact) .woodebee-mega {
	display: block;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.22s ease, visibility 0s linear 0.22s;
}

.wbee-hf-nav:not(.is-compact) .woodebee-has-mega:hover > .woodebee-mega,
.wbee-hf-nav:not(.is-compact) .woodebee-has-mega:focus-within > .woodebee-mega,
.wbee-hf-nav:not(.is-compact) .woodebee-has-mega.is-open > .woodebee-mega {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.22s ease, visibility 0s linear 0s;
}

.wbee-hf-nav:not(.is-compact) .woodebee-has-mega:hover > .woodebee-mega,
.wbee-hf-nav:not(.is-compact) .woodebee-has-mega:focus-within > .woodebee-mega,
.wbee-hf-nav:not(.is-compact) .woodebee-has-mega.is-open > .woodebee-mega {
	display: block;
}

.wbee-hf-nav__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--wbee-toggle-size);
	height: var(--wbee-toggle-size);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--wbee-toggle-radius);
	background: var(--wbee-toggle-bg);
	color: var(--wbee-toggle-color);
	cursor: pointer;
}

.wbee-hf-nav__toggle:hover {
	color: var(--wbee-toggle-hover);
	background-color: var(--wbee-toggle-bg-hover, var(--wbee-toggle-bg));
}

.wbee-hf-nav__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.wbee-hf-nav__icon--close {
	display: none;
}

.wbee-hf-nav.is-open .wbee-hf-nav__icon--open {
	display: none;
}

.wbee-hf-nav.is-open .wbee-hf-nav__icon--close {
	display: flex;
}

.wbee-hf-nav__toggle i,
.wbee-hf-nav__toggle svg,
.wbee-hf-nav__toggle img,
.wbee-hf-nav__icon--open i,
.wbee-hf-nav__icon--open svg,
.wbee-hf-nav__icon--open img {
	width: var(--wbee-toggle-icon);
	height: var(--wbee-toggle-icon);
	font-size: var(--wbee-toggle-icon);
	line-height: 1;
}

.wbee-hf-nav__icon--close,
.wbee-hf-nav__icon--close i,
.wbee-hf-nav__icon--close svg,
.wbee-hf-nav__icon--close img,
.wbee-hf-nav__close i,
.wbee-hf-nav__close svg,
.wbee-hf-nav__close img {
	width: var(--wbee-close-icon);
	height: var(--wbee-close-icon);
	font-size: var(--wbee-close-icon);
	line-height: 1;
}

.wbee-hf-nav__icon--open,
.wbee-hf-nav__icon--open i,
.wbee-hf-nav__icon--open i::before {
	color: var(--wbee-toggle-color);
}

.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--open,
.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--open i,
.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--open i::before {
	color: var(--wbee-toggle-hover);
}

.wbee-hf-nav__icon--close,
.wbee-hf-nav__icon--close i,
.wbee-hf-nav__icon--close i::before,
.wbee-hf-nav__close,
.wbee-hf-nav__close i,
.wbee-hf-nav__close i::before {
	color: var(--wbee-close-color);
}

.wbee-hf-nav__close:hover,
.wbee-hf-nav__close:hover i,
.wbee-hf-nav__close:hover i::before,
.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--close,
.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--close i,
.wbee-hf-nav__toggle:hover .wbee-hf-nav__icon--close i::before {
	color: var(--wbee-close-hover);
}

.wbee-hf-nav__toggle svg,
.wbee-hf-nav__close svg,
.wbee-hf-nav__toggle svg [fill]:not([fill="none"]),
.wbee-hf-nav__close svg [fill]:not([fill="none"]) {
	fill: currentColor;
}

.wbee-hf-nav__toggle svg [stroke]:not([stroke="none"]),
.wbee-hf-nav__close svg [stroke]:not([stroke="none"]) {
	stroke: currentColor;
}

.wbee-hf-nav__toggle img,
.wbee-hf-nav__close img {
	object-fit: contain;
	display: block;
}

.wbee-hf-nav__burger {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: var(--wbee-toggle-icon);
	height: calc(var(--wbee-toggle-icon) * 0.64);
}

.wbee-hf-nav__burger span {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

.wbee-hf-nav__close {
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--wbee-close-size);
	height: var(--wbee-close-size);
	margin: 0 0 16px auto;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: var(--wbee-close-bg);
	color: var(--wbee-close-color);
	font-size: var(--wbee-close-icon);
	line-height: 1;
	cursor: pointer;
}

.wbee-hf-nav__close:hover {
	color: var(--wbee-close-hover);
	background-color: var(--wbee-close-bg-hover, var(--wbee-close-bg));
}

.wbee-hf-nav__times {
	font-size: 32px;
	line-height: 1;
}

.wbee-hf-nav.is-open .wbee-hf-nav__panel {
	visibility: visible !important;
	pointer-events: auto !important;
	overflow: auto !important;
}

.wbee-hf-nav.is-open .wbee-hf-nav__backdrop {
	display: block;
}

.wbee-hf-nav__backdrop[hidden] {
	display: none !important;
}

/* First paint: collapse with CSS so the desktop menu does not flash before JS. */
@media (max-width: 1200px) {
	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1200"] .wbee-hf-nav,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1200"] {
		justify-content: var(--wbee-toggle-align);
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1200"] .wbee-hf-nav .wbee-hf-nav__toggle,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1200"] .wbee-hf-nav__toggle {
		display: inline-flex;
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1200"] .wbee-hf-nav:not(.is-open) .wbee-hf-nav__panel,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1200"]:not(.is-open) .wbee-hf-nav__panel {
		display: block;
		position: fixed !important;
		inset: 0 0 0 auto;
		width: var(--wbee-panel-width);
		max-width: 100%;
		height: 100%;
		z-index: 120;
		padding: var(--wbee-panel-pad);
		background: var(--wbee-panel-bg);
		transform: translateX(100%);
		visibility: hidden;
		overflow: hidden !important;
		pointer-events: none;
		clip-path: inset(0);
	}
}

@media (max-width: 1024px) {
	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1024"] .wbee-hf-nav,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1024"],
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]):not([data-bp="1200"]) {
		justify-content: var(--wbee-toggle-align);
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1024"] .wbee-hf-nav .wbee-hf-nav__toggle,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1024"] .wbee-hf-nav__toggle,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]):not([data-bp="1200"]) .wbee-hf-nav__toggle {
		display: inline-flex;
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="1024"] .wbee-hf-nav:not(.is-open) .wbee-hf-nav__panel,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="1024"]:not(.is-open) .wbee-hf-nav__panel,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]):not([data-bp="1200"]):not(.is-open) .wbee-hf-nav__panel {
		display: block;
		position: fixed !important;
		inset: 0 0 0 auto;
		width: var(--wbee-panel-width);
		max-width: 100%;
		height: 100%;
		z-index: 120;
		padding: var(--wbee-panel-pad);
		background: var(--wbee-panel-bg);
		transform: translateX(100%);
		visibility: hidden;
		overflow: hidden !important;
		pointer-events: none;
		clip-path: inset(0);
	}
}

@media (max-width: 767px) {
	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="767"] .wbee-hf-nav,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="767"] {
		justify-content: var(--wbee-toggle-align);
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="767"] .wbee-hf-nav .wbee-hf-nav__toggle,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="767"] .wbee-hf-nav__toggle {
		display: inline-flex;
	}

	.woodebee-tb-header[data-responsive-menu="1"][data-responsive-bp="767"] .wbee-hf-nav:not(.is-open) .wbee-hf-nav__panel,
	body:not(.woodebee-tb-header-responsive-nav) .wbee-hf-nav[data-responsive="1"][data-bp="767"]:not(.is-open) .wbee-hf-nav__panel {
		display: block;
		position: fixed !important;
		inset: 0 0 0 auto;
		width: var(--wbee-panel-width);
		max-width: 100%;
		height: 100%;
		z-index: 120;
		padding: var(--wbee-panel-pad);
		background: var(--wbee-panel-bg);
		transform: translateX(100%);
		visibility: hidden;
		overflow: hidden !important;
		pointer-events: none;
		clip-path: inset(0);
	}
}

/* Compact: JS class + Elementor editor device mode (iframe stays wide). */
:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) {
	justify-content: var(--wbee-toggle-align, flex-end);
	width: auto;
	max-width: 100%;
	min-width: 0;
}

/*
 * Collapsed nav must not stretch to the container. Elementor Advanced > Width
 * is more specific, so Custom and Full width still override this.
 */
.elementor-widget-woodebee_hf_nav:has(.wbee-hf-nav.is-compact) {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	flex-grow: 0;
	align-self: center;
	margin-inline-start: var(--wbee-nav-ms, auto);
	margin-inline-end: var(--wbee-nav-me, 0);
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__toggle {
	display: inline-flex;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__panel {
	display: block;
	position: fixed !important;
	inset: 0 0 0 auto;
	width: var(--wbee-panel-width);
	max-width: 100%;
	height: 100%;
	z-index: 120;
	padding: var(--wbee-panel-pad);
	background: var(--wbee-panel-bg);
	color: #111;
	box-shadow: -18px 0 50px rgba(13, 13, 13, 0.18);
	transform: translateX(100%);
	visibility: hidden;
	pointer-events: none;
	overflow: hidden;
	transition: transform 0.32s ease, visibility 0s linear 0.32s;
}

:is(
	.wbee-hf-nav.is-compact.is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"].is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"].is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]).is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]).is-open
) .wbee-hf-nav__panel {
	visibility: visible !important;
	pointer-events: auto !important;
	overflow: auto !important;
	top: 0 !important;
	bottom: 0 !important;
	height: 100vh !important;
	height: 100dvh !important;
	transform: translateX(0) !important;
	transition: transform 0.32s ease, visibility 0s linear 0s;
}

.woodebee-tb-header:has(.wbee-hf-nav.is-compact.is-open),
.woodebee-tb-header:has(.wbee-hf-nav.is-compact.is-open) .elementor,
.woodebee-tb-header:has(.wbee-hf-nav.is-compact.is-open) .e-con,
.woodebee-tb-header:has(.wbee-hf-nav.is-compact.is-open) .e-con-inner {
	overflow: visible !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .woodebee-mega {
	position: static;
	display: none;
	left: auto;
	right: auto;
	width: auto;
	max-width: none;
	transform: none;
	margin: 8px 0 12px;
	padding: 12px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	box-shadow: none;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .menu-item-has-children.is-open > .woodebee-mega,
:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .woodebee-has-mega.is-open > .woodebee-mega {
	display: block;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__close {
	display: flex;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__backdrop {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: auto;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	z-index: 110;
	background: var(--wbee-backdrop);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.32s ease, visibility 0s linear 0.32s;
}

body > .wbee-hf-nav__backdrop {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100vh !important;
	height: 100dvh !important;
	margin: 0;
	background: var(--wbee-backdrop, rgba(13, 13, 13, 0.45));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.32s ease, visibility 0s linear 0.32s;
}

body > .wbee-hf-nav__backdrop.is-on {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.32s ease, visibility 0s linear 0s;
}

:is(
	.wbee-hf-nav.is-compact.is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"].is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"].is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]).is-open,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]).is-open
) .wbee-hf-nav__backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.32s ease, visibility 0s linear 0s;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__list {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__list > li,
:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .sub-menu:not(.woodebee-mega__grid) > li {
	position: static;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__list > li > a,
:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .sub-menu:not(.woodebee-mega__grid) > li > a {
	display: block;
	padding: 10px 4px;
	color: var(--wbee-drawer-link, var(--wbee-link-color, #111));
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) a.wbee-hf-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 20px;
	margin: 8px 0 0;
	white-space: nowrap;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .wbee-hf-nav__list > li > a:hover,
:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .sub-menu:not(.woodebee-mega__grid) > li > a:hover {
	color: var(--wbee-drawer-link-hover, var(--wbee-link-hover, inherit));
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .sub-menu:not(.woodebee-mega__grid) {
	position: static;
	display: none;
	min-width: 0;
	margin: 0 0 8px 12px;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

:is(
	.wbee-hf-nav.is-compact,
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="mobile_extra"] .wbee-hf-nav[data-responsive="1"],
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"]),
	:is(body.elementor-editor-active, body.elementor-editor-preview)[data-elementor-device-mode="tablet_extra"] .wbee-hf-nav[data-responsive="1"]:not([data-bp="767"])
) .menu-item-has-children.is-open > .sub-menu:not(.woodebee-mega__grid) {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
}

body.wbee-hf-nav-lock {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.woodebee-tb-header.is-sticky-ready.is-hidden {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
	}

	body.woodebee-tb-header-sticky:not(.woodebee-tb-header-transparent) {
		padding-top: var(--wbee-header-rest-height, 72px);
	}

	body.woodebee-tb-header-sticky:not(.woodebee-tb-header-transparent) .woodebee-tb-header.is-sticky-ready:not(.is-sticky-off):not(.is-transparent) {
		position: fixed;
		top: var(--wbee-header-top, 0px);
		left: 0;
		right: auto;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wbee-hf-nav:not(.is-compact) .sub-menu:not(.woodebee-mega__grid),
	.wbee-hf-nav:not(.is-compact) .woodebee-mega,
	.wbee-hf-nav__panel,
	.wbee-hf-nav__backdrop,
	.wbee-hf-nav .woodebee-menu__caret {
		transition: none;
	}
}