/*
 * Hubsleek Header Refinements
 */

.header-main-menu .kadence-header-row-inner{
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 20px !important;
}
.header-main-menu .wp-block-kadence-header-section.wp-block-kadence-header-section31_9bc14f-2e{
	justify-content: flex-end !important;
}
.header-main-menu a{
	text-decoration: none !important;
}
/* 1. Desktop: Remove default left/right padding on kadence-header-row-inner, keep responsive padding */
@media (min-width: 1025px) {

	.wp-block-kadence-header-desktop .wp-block-kadence-header-row .kadence-header-row-inner,
	.wp-block-kadence-header-rowhr_desk .kadence-header-row-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* 2. Desktop: Align Log in next to Start your free trial with proper 20px spacing */
.wp-block-kadence-header-sectionhs_right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 20px !important;
}

.wp-block-kadence-header-sectionhs_right .wp-block-kadence-header-column-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 20px !important;
	flex-grow: 0 !important;
}

.wp-block-kadence-header-sectionhs_right .hubsleek-header-login {
	margin: 0 !important;
	text-align: left;
	white-space: nowrap;
}

.site-footer-row-container-inner .site-container,
.site-middle-footer-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* 3. Responsive: Pin hamburger icon to the far right with proper edge alignment */
@media (max-width: 1024px) {
	.wp-block-kadence-header-tablet .kadence-header-row-inner {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
	}

	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-tablet-left {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center !important;
	}

	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-tablet-right {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}

	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-center-left,
	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-center-right,
	.wp-block-kadence-header-tablet .wp-block-kadence-header-column-tablet-center {
		display: none !important;
	}
}

/* 4. Features Mega Menu Redesign (Scoped ONLY to Features) */
.kb-nav-link-link_feat>ul.sub-menu {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	column-gap: 32px !important;
	row-gap: 24px !important;
	width: 680px !important;
	max-width: calc(100vw - 40px) !important;
	padding: 24px !important;
	background: #FFFFFF !important;
	border: 1px solid #E4E1D8 !important;
	border-radius: 12px !important;
	box-sizing: border-box !important;
	box-shadow: 0 12px 32px rgba(18, 24, 27, 0.08) !important;
	list-style: none !important;
	margin: 0 !important;
}

/* Invisible bridge on desktop so mousemove from header to dropdown doesn't lose hover */
@media (min-width: 1025px) {
	.kb-nav-link-link_feat>ul.sub-menu {
		margin-top: 10px !important;
	}

	.kb-nav-link-link_feat>ul.sub-menu::before {
		content: "" !important;
		position: absolute !important;
		top: -16px !important;
		left: 0 !important;
		right: 0 !important;
		height: 16px !important;
		background: transparent !important;
	}

	.kb-nav-link-link_feat:not(:hover):not(.menu-item--toggled-on)>ul.sub-menu {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.kb-nav-link-link_feat:hover>ul.sub-menu,
	.kb-nav-link-link_feat.menu-item--toggled-on>ul.sub-menu {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
}

.kb-nav-link-link_feat>ul.sub-menu>li.menu-item {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	display: block !important;
}

.kb-nav-link-link_feat>ul.sub-menu>li.menu-item>.kb-link-wrap {
	width: 100% !important;
	display: block !important;
}

.kb-nav-link-link_feat>ul.sub-menu>li.menu-item>.kb-link-wrap>a.kb-nav-link-content {
	display: block !important;
	padding: 4px 6px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	background: transparent !important;
	transition: background-color 0.15s ease !important;
}

.kb-nav-link-link_feat>ul.sub-menu>li.menu-item>.kb-link-wrap>a.kb-nav-link-content {
	width: 100% !important;
}

.wp-block-kadence-navigation-link .kb-link-wrap.kb-link-wrap.kb-link-wrap.kb-link-wrap:hover {
	background-color: transparent !important;
}

.kb-nav-link-link_feat>ul.sub-menu>li.menu-item>.kb-link-wrap>a.kb-nav-link-content:hover .kb-nav-label-content {
	color: #0E6B5C !important;
}

/* Feature Item Layout: [Icon]  Title / Description */
.kb-nav-link-link_feat .kb-nav-item-title-wrap {
	display: grid !important;
	grid-template-columns: 48px 1fr !important;
	grid-template-rows: auto auto !important;
	column-gap: 16px !important;
	row-gap: 4px !important;
	align-items: start !important;
	width: 100% !important;
}

/* Outer Icon Container: 48x48 #E6EFEC rounded square (radius 12px) - STRICT 48x48 */
.kb-nav-link-link_feat .link-media-container {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	align-self: start !important;
	justify-self: start !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	box-sizing: border-box !important;
	background: #E6EFEC !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	order: unset !important;
}

.kb-nav-link-link_feat .kadence-navigation-link-image-inner-intrinsic-container {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	max-width: 26px !important;
	max-height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
}

/* Inner 26x26 Dark Circle (#0E6B5C) with Original White SVG Icon Inside */
.kb-nav-link-link_feat .kadence-navigation-link-image-intrinsic {
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	min-height: 26px !important;
	max-width: 26px !important;
	max-height: 26px !important;
	background-color: #0E6B5C !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	position: relative !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
}

.kb-nav-link-link_feat .kadence-navigation-link-image-inner-intrinsic {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.kb-nav-link-link_feat .link-media-container img {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
	max-width: 14px !important;
	max-height: 14px !important;
	display: block !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
}

.kb-nav-link-link_feat .kb-nav-link-image-overlay {
	display: none !important;
}

/* Feature Item Title: Archivo 700 / 15px / 100% / #12181B */
.kb-nav-link-link_feat .kb-nav-label-content {
	grid-column: 2 !important;
	grid-row: 1 !important;
	font-family: Archivo, sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 100% !important;
	letter-spacing: 0% !important;
	color: #12181B !important;
	margin-top: 2px !important;
	transition: color 0.15s ease !important;
}

/* Feature Item Description: Archivo 400 / 14px / 20px / #12181BA3 */
.kb-nav-link-link_feat .kb-nav-label-description {
	grid-column: 2 !important;
	grid-row: 2 !important;
	font-family: Archivo, sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	letter-spacing: 0% !important;
	color: #12181BA3 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Responsive: 1 Column on Mobile / Tablet Drawer */
@media (max-width: 1024px) {
	.kb-nav-link-link_feat:not(.menu-item--toggled-on)>ul.sub-menu:not(.toggle-show) {
		display: none !important;
	}

	.kb-nav-link-link_feat.menu-item--toggled-on>ul.sub-menu,
	.kb-nav-link-link_feat>ul.sub-menu.toggle-show {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		padding: 16px !important;
		column-gap: 0 !important;
		row-gap: 16px !important;
	}
}