/* ── NAVBAR SCOPED TOKENS ── */
#payrun-navbar,
.nb-drawer,
.nb-mega-menu {
	--nb-bg: #ffffff;
	--nb-surface-2: #f8f9fb;
	--nb-border: rgba(0, 0, 0, 0.08);
	--nb-border-h: rgba(0, 0, 0, 0.15);
	--nb-txt: #333333;
	--nb-txt-hover: #252525;
	--nb-txt-2: #5a5c6e;
	--nb-txt-m: #9496a8;
	--nb-accent: #2C67FF;
	--nb-glow: rgba(20, 147, 101, 0.2);
	--nb-nav-h: 52px;
	--nb-r-sm: 8px;
	--nb-r-md: 10px;
	--nb-r-lg: 16px;
	--nb-r-xl: 20px;
	--nb-shadow: 0px 0px 32px 0px #00000033;
	--nb-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--nb-mid: 260ms cubic-bezier(0.4, 0, 0.2, 1);
	--nb-slow: 420ms cubic-bezier(0.16, 1, 0.3, 1);
}


/* ── STICKY HEADER ── */
.et-l--header.is-scrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	box-shadow: 0 0 7px rgba(0, 0, 0, .1);
	transition: box-shadow var(--nb-fast);
}

/* ── WRAPPER ── */
#payrun-navbar {
	width: 100%;
	padding: 12px 0;
}

/* ── NAV ── */
#payrun-navbar .nb-nav {
	position: relative;
	height: var(--nb-nav-h);
	display: flex;
	align-items: center;
}

/* ── LOGO ── */
#payrun-navbar .nb-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
	color: inherit;
}
#payrun-navbar .nb-logo__img {
	height: 32px;
	width: auto;
	display: block;
}

/* ── NAV CENTER ── */
#payrun-navbar .nb-center {
	display: flex;
	align-items: center;
	gap: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	list-style: none;
	margin: 0;
	padding: 0;
}
#payrun-navbar .nb-item {
	position: relative;
	list-style: none;
}

/* ── TRIGGER ── */
#payrun-navbar .nb-trigger {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 14px;
	font-size: 15px;
	font-weight: 500;
	color: var(--nb-txt);
	border-radius: var(--nb-r-sm);
	transition: color var(--nb-fast), background var(--nb-fast);
	cursor: pointer;
	white-space: nowrap;
	letter-spacing: 0.01em;
	background: none;
	border: none;
	text-decoration: none;
}
#payrun-navbar#payrun-navbar .nb-trigger {
	color: var(--nb-txt);
	text-decoration: none;
}
#payrun-navbar .nb-trigger:hover,
#payrun-navbar .nb-item.is-open .nb-trigger {
	color: var(--nb-txt-hover);
	background: #F3F4F8;
}
#payrun-navbar#payrun-navbar .nb-trigger:hover,
#payrun-navbar#payrun-navbar .nb-item.is-open .nb-trigger {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-trigger__chevron {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	transition: transform var(--nb-mid);
	fill: none;
	stroke: currentColor;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
#payrun-navbar .nb-trigger__label {
	color: inherit;
	text-decoration: none;
}
#payrun-navbar#payrun-navbar .nb-trigger__label {
	color: inherit;
	text-decoration: none;
}
#payrun-navbar .nb-item.is-open .nb-trigger__chevron {
	transform: rotate(180deg);
}

/* ── DROPDOWN ── */
#payrun-navbar .nb-dropdown {
	position: absolute;
	top: calc(var(--nb-nav-h) + 12px);
	left: 50%;
	transform: translateX(-50%) translateY(-6px);
	min-width: 270px;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(64px);
	-webkit-backdrop-filter: blur(64px);
	border: 1px solid var(--nb-border);
	border-radius: var(--nb-r-lg);
	padding: 8px;
	box-shadow: var(--nb-shadow);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--nb-mid), transform var(--nb-mid);
	z-index: 300;
}
#payrun-navbar .nb-item.is-open .nb-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}
#payrun-navbar .nb-dropdown__row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: var(--nb-r-md);
	transition: background var(--nb-fast);
	cursor: pointer;
	text-decoration: none;
	color: var(--nb-txt);
}
#payrun-navbar#payrun-navbar .nb-dropdown__row {
	color: var(--nb-txt);
	text-decoration: none;
}
#payrun-navbar .nb-dropdown__row:hover {
	background: #EDECFE;
	color: var(--nb-txt-hover);
}
#payrun-navbar#payrun-navbar .nb-dropdown__row:hover {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-dropdown__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--nb-txt);
}
#payrun-navbar .nb-dropdown__row:hover .nb-dropdown__icon {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-dropdown__icon i,
#payrun-navbar .nb-dropdown__icon svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.5;
}
#payrun-navbar .nb-dropdown__label {
	font-size: 15px;
	font-weight: 500;
	color: var(--nb-txt);
}
#payrun-navbar#payrun-navbar .nb-dropdown__label {
	color: var(--nb-txt);
}
#payrun-navbar .nb-dropdown__row:hover .nb-dropdown__label {
	color: var(--nb-txt-hover);
}
#payrun-navbar#payrun-navbar .nb-dropdown__row:hover .nb-dropdown__label {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-dropdown__sep {
	height: 1px;
	background: var(--nb-border);
	margin: 6px 4px;
}

/* ── MEGA MENU ── */
.nb-mega-menu {
	position: fixed;
	margin-top: calc(var(--nb-nav-h) + 12px);
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateY(-8px);
	width: 1000px;
	max-width: 1000px;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(64px);
	-webkit-backdrop-filter: blur(64px);
	border-radius: var(--nb-r-xl);
	box-shadow: var(--nb-shadow);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--nb-mid), transform var(--nb-mid);
	z-index: 300;
	display: grid;
	grid-template-columns: 240px 1fr;
	overflow: hidden;
}
#payrun-navbar .nb-item--mega.is-open .nb-mega-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

/* Mega sidebar */
.nb-mega-sidebar {
	background: var(--nb-surface-2);
	border-right: 1px solid var(--nb-border);
	padding: 18px 12px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.nb-mega-sidebar__btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--nb-r-md);
	cursor: pointer;
	transition: background var(--nb-fast), color var(--nb-fast);
	color: var(--nb-txt);
	font-size: 1rem;
	font-weight: 500;
	width: 100%;
	text-align: left;
	background: none;
	border: none;
}
.nb-mega-sidebar__btn:hover,
.nb-mega-sidebar__btn.is-active {
	background: #EDECFE;
	color: var(--nb-txt-hover);
}
.nb-mega-sidebar__icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--nb-txt);
}
.nb-mega-sidebar__btn:hover .nb-mega-sidebar__icon,
.nb-mega-sidebar__btn.is-active .nb-mega-sidebar__icon {
	color: var(--nb-txt-hover);
}
.nb-mega-sidebar__icon:empty { display: none; }
.nb-mega-sidebar__icon i,
.nb-mega-sidebar__icon svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.5;
}

/* Mega panels */
.nb-mega-panels { padding: 24px; }
.nb-mega-panel {
	display: none;
	animation: nb-panel-fade 200ms ease;
}
.nb-mega-panel.is-active { display: block; }
@keyframes nb-panel-fade {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Mega link list */
.nb-link-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nb-link-list li { list-style: none; }
#payrun-navbar .nb-menu-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 10px;
	border-radius: var(--nb-r-md);
	font-size: 15px;
	font-weight: 500;
	color: var(--nb-txt);
	transition: background var(--nb-fast), color var(--nb-fast);
	text-decoration: none;
}
#payrun-navbar#payrun-navbar .nb-menu-link {
	color: var(--nb-txt);
	text-decoration: none;
}
#payrun-navbar .nb-menu-link:hover {
	background: #EDECFE;
	color: var(--nb-txt-hover);
}
#payrun-navbar#payrun-navbar .nb-menu-link:hover {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-menu-link__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--nb-txt);
}
#payrun-navbar .nb-menu-link:hover .nb-menu-link__icon { color: var(--nb-txt-hover); }
#payrun-navbar .nb-menu-link__icon i,
#payrun-navbar .nb-menu-link__icon svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.5;
}

/* ── NAV RIGHT ── */
#payrun-navbar .nb-right {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	flex-shrink: 0;
}
#payrun-navbar .nb-btn-login {
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: var(--nb-txt);
	border-radius: var(--nb-r-sm);
	transition: color var(--nb-fast), background var(--nb-fast);
	text-decoration: none;
	background: none;
	border: none;
	cursor: pointer;
}
#payrun-navbar#payrun-navbar .nb-btn-login {
	color: var(--nb-txt);
	text-decoration: none;
}
#payrun-navbar .nb-btn-login:hover {
	color: var(--nb-txt-hover);
	background: #F3F4F8;
}
#payrun-navbar#payrun-navbar .nb-btn-login:hover {
	color: var(--nb-txt-hover);
}
#payrun-navbar .nb-btn-cta {
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	background: var(--nb-accent);
	border-radius: var(--nb-r-sm);
	letter-spacing: 0.01em;
	transition: transform var(--nb-fast);
	text-decoration: none;
	border: none;
	cursor: pointer;
}
#payrun-navbar#payrun-navbar .nb-btn-cta {
	color: #ffffff;
	text-decoration: none;
}
#payrun-navbar .nb-btn-cta:hover {
	color: #ffffff;
	transform: translateY(-1px);
}
#payrun-navbar#payrun-navbar .nb-btn-cta:hover {
	color: #ffffff;
}
#payrun-navbar .nb-btn-cta:active {
	transform: translateY(0);
}

/* ── HAMBURGER ── */
#payrun-navbar .nb-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--nb-r-sm);
	gap: 5px;
	flex-shrink: 0;
	margin-left: 12px;
	transition: background var(--nb-fast);
	background: none;
	border: none;
	cursor: pointer;
}
#payrun-navbar .nb-hamburger:hover,
#payrun-navbar .nb-hamburger.is-open { background: #EDECFE; }
#payrun-navbar .nb-hamburger__bar {
	width: 20px;
	height: 1.5px;
	background: var(--nb-txt-hover);
	border-radius: 2px;
	transform-origin: center;
	transition: transform var(--nb-mid), opacity var(--nb-mid);
}
#payrun-navbar .nb-hamburger.is-open .nb-hamburger__bar:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
#payrun-navbar .nb-hamburger.is-open .nb-hamburger__bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
#payrun-navbar .nb-hamburger.is-open .nb-hamburger__bar:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ── MOBILE DRAWER ── */
.nb-drawer {
	position: fixed;
	top: calc(var(--nb-nav-h) + 24px);
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--nb-mid), visibility var(--nb-mid);
	z-index: 99998;
}
.nb-drawer.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.nb-drawer__inner {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	background: var(--nb-bg);
	height: 100%;
	overflow: hidden;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.nb-drawer__scroll {
	flex: 1;
	overflow-y: auto;
	padding: 8px 19px;
}
.nb-drawer__scroll::-webkit-scrollbar { width: 4px; }
.nb-drawer__scroll::-webkit-scrollbar-track { background: transparent; }
.nb-drawer__scroll::-webkit-scrollbar-thumb {
	background: var(--nb-border);
	border-radius: 4px;
}

/* ── MOBILE LINKS ── */
.nb-drawer .nb-mobile-link {
	display: flex;
	align-items: center;
	padding: 13px 16px;
	font-size: 1rem;
	font-weight: 500;
	color: var(--nb-txt) !important;
	border-radius: var(--nb-r-md);
	transition: background var(--nb-fast), color var(--nb-fast);
	text-decoration: none;
}
.nb-drawer .nb-mobile-link:hover {
	background: rgba(0, 0, 0, 0.04);
	color: var(--nb-txt-hover) !important;
}

/* ── MOBILE ACCORDION ── */
.nb-accordion { border-radius: var(--nb-r-md); }
.nb-drawer .nb-accordion__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 16px;
	font-size: 1rem;
	font-weight: 500;
	color: var(--nb-txt);
	border-radius: var(--nb-r-md);
	transition: background var(--nb-fast), color var(--nb-fast);
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
}
.nb-drawer .nb-accordion__trigger:hover,
.nb-drawer .nb-accordion.is-open > .nb-accordion__trigger {
	background: rgba(0, 0, 0, 0.04);
	color: var(--nb-txt-hover);
}
.nb-accordion__chevron {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform var(--nb-mid);
}
.nb-accordion.is-open > .nb-accordion__trigger .nb-accordion__chevron { transform: rotate(180deg); }
.nb-accordion__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height var(--nb-slow);
}
.nb-accordion.is-open > .nb-accordion__body { max-height: 1400px; }
.nb-accordion__content {
	padding: 4px 8px 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* L2 accordion */
.nb-accordion--l2 .nb-accordion__trigger { padding: 10px 14px; }
.nb-accordion--l2 .nb-accordion__trigger:hover,
.nb-accordion--l2.is-open > .nb-accordion__trigger { background: rgba(0, 0, 0, 0.04); }
.nb-accordion--l2 .nb-accordion__content { padding: 2px 6px 6px; }
.nb-accordion--l2 .nb-accordion__body { max-height: 0; }
.nb-accordion--l2.is-open > .nb-accordion__body { max-height: 700px; }

.nb-l2-inner { display: flex; align-items: center; gap: 10px; }
.nb-l2-icon {
	width: 20px;
	height: 20px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.nb-l2-icon:empty { display: none; }
.nb-l2-icon i,
.nb-l2-icon svg { width: 20px; height: 20px; stroke-width: 1.5; }

/* Mobile sub link */
.nb-drawer .nb-sub-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	font-size: 1rem;
	font-weight: 400;
	color: var(--nb-txt) !important;
	border-radius: var(--nb-r-sm);
	transition: background var(--nb-fast), color var(--nb-fast);
	text-decoration: none;
}
.nb-drawer .nb-sub-link:hover {
	background: rgba(0, 0, 0, 0.04);
	color: var(--nb-txt-hover) !important;
}
.nb-sub-link__icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--nb-txt);
}
.nb-sub-link:hover .nb-sub-link__icon { color: var(--nb-txt-hover); }
.nb-sub-link__icon i,
.nb-sub-link__icon svg { width: 20px; height: 20px; stroke-width: 1.5; }

/* ── MOBILE CTA ── */
.nb-mobile-cta {
	padding: 12px 19px 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: var(--nb-bg);
	flex-shrink: 0;
}
.nb-drawer .nb-mobile-cta__login {
	display: block;
	text-align: center;
	padding: 13px;
	font-size: 14px;
	font-weight: 500;
	color: var(--nb-txt) !important;
	border: 1px solid var(--nb-border);
	border-radius: var(--nb-r-md);
	transition: background var(--nb-fast), color var(--nb-fast), border-color var(--nb-fast);
	text-decoration: none;
}
.nb-drawer .nb-mobile-cta__login:hover {
	background: rgba(0, 0, 0, 0.04);
	color: var(--nb-txt-hover) !important;
	border-color: var(--nb-border-h);
}
.nb-drawer .nb-mobile-cta__btn {
	display: block;
	text-align: center;
	padding: 14px;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff !important;
	background: var(--nb-accent);
	border-radius: var(--nb-r-md);
	box-shadow: 0 4px 20px var(--nb-glow);
	transition: opacity var(--nb-fast), transform var(--nb-fast);
	text-decoration: none;
}
.nb-drawer .nb-mobile-cta__btn:hover {
	color: #ffffff !important;
	opacity: 0.9;
	transform: translateY(-1px);
}

/* ── RESPONSIVE ── */
@media (max-width: 980px) {
	#payrun-navbar .nb-center,
	#payrun-navbar .nb-right { display: none; }
	#payrun-navbar .nb-hamburger {
		display: flex;
		margin-left: auto;
	}
	#payrun-navbar .nb-logo { margin-right: 0; }
}

/* ── FOCUS ── */
#payrun-navbar :focus-visible,
.nb-drawer :focus-visible {
	outline: 2px solid #149365;
	outline-offset: 2px;
	border-radius: 4px;
}

/* ── DRAWER ALL LINKS — blanket high-priority reset ── */
.nb-drawer a,
.nb-drawer a:link,
.nb-drawer a:visited {
	text-decoration: none;
}