/* In-page nav targets (main header is ~4–5.5rem tall on desktop/mobile) */
html {
	scroll-behavior: smooth;
}

#home,
#about,
#products,
#contact {
	scroll-margin-top: 5.5rem;
}

/* Header wordmark: cap size (Elementor defaults + 58% mobile column were too large) */
#masthead .elementor-element-c9de1c9 img,
#masthead .jkit-nav-identity-panel .jkit-nav-logo img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 26px;
	object-fit: contain !important;
	object-position: left center;
}

/* Desktop/tablet: show horizontal nav instead of hamburger (template defaults to 1024px) */
@media (min-width: 768px) {
	#masthead .elementor-element-c9de1c9 {
		max-width: 7.25rem !important;
	}
	#masthead .jkit-hamburger-menu {
		display: none !important;
	}

	#masthead .jkit-nav-menu .jkit-menu-wrapper {
		position: static !important;
		left: auto !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
		display: block !important;
		flex-direction: row !important;
		padding: 0 !important;
	}

	#masthead .jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel {
		display: none !important;
	}

	#masthead .jkit-nav-menu .jkit-menu-wrapper .jkit-menu-container {
		overflow: visible !important;
	}

	#masthead .jkit-nav-menu .jkit-menu-wrapper .jkit-menu {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 1.75rem;
		height: auto !important;
		overflow: visible !important;
	}

	#masthead .jkit-nav-menu .jkit-menu > li {
		display: list-item !important;
		width: auto !important;
	}

	#masthead .jkit-nav-menu .jkit-menu > li > a {
		display: flex !important;
		padding: 0.25rem 0;
	}

	#masthead .jkit-overlay {
		display: none !important;
	}

	#masthead .elementor-element-417ee6d {
		flex: 1 1 auto;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	#masthead .elementor-element-417ee6d .elementor-widget-container,
	#masthead .jkit-nav-menu {
		width: 100%;
	}
}

/* Mobile: logo left, hamburger right on one row */
@media (max-width: 767px) {
	#masthead .elementor-element-066bf04 > .e-con-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex-wrap: nowrap !important;
		gap: 12px;
	}

	#masthead .elementor-element-c9de1c9 {
		flex: 0 1 auto;
		width: auto !important;
		max-width: min(32vw, 6.5rem) !important;
	}

	#masthead .elementor-element-417ee6d {
		flex: 0 0 auto;
		width: auto !important;
		max-width: none !important;
		margin-left: auto;
	}

	#masthead .elementor-element-417ee6d .elementor-widget-container {
		width: auto;
	}

	#masthead .jkit-nav-menu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: auto;
	}

	#masthead .jkit-hamburger-menu {
		display: flex !important;
		align-items: center;
		justify-content: center;
		float: none !important;
		margin: 0;
		padding: 8px;
	}

	#masthead .jkit-nav-menu .jkit-menu-wrapper:not(.active) {
		position: fixed !important;
	}

	#masthead .jkit-nav-menu.break-point-mobile .jkit-menu-wrapper {
		background-color: var(--e-global-color-primary, #070113) !important;
	}
}